+ );
+}
diff --git a/eval/evals/100-flight-booking-plain/expected/stories/FlightBooking.stories.ts b/eval/evals/100-flight-booking-plain/expected/stories/FlightBooking.stories.ts
new file mode 100644
index 00000000..bdac7944
--- /dev/null
+++ b/eval/evals/100-flight-booking-plain/expected/stories/FlightBooking.stories.ts
@@ -0,0 +1,274 @@
+import FlightBookingComponent from '../src/components/FlightBooking.tsx';
+import { userEvent, fn, expect, screen, waitFor } from 'storybook/test';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { StepFunction } from 'storybook/internal/types';
+
+const meta = {
+ component: FlightBookingComponent,
+ args: {
+ onSubmit: fn(),
+ },
+} satisfies Meta;
+
+export default meta;
+
+type Story = StoryObj;
+
+async function looseGetInteractiveElements(
+ testId: string,
+ label: string,
+ step: StepFunction,
+) {
+ let elements: HTMLElement[] = [];
+ await step(
+ `Get element by test ID '${testId}' or label '${label}'`,
+ async () => {
+ elements = await waitFor(function getElement() {
+ const byTestId = screen.queryAllByTestId(testId);
+ if (byTestId.length > 0) {
+ return byTestId;
+ }
+ const candidates = [
+ ...screen.queryAllByTestId(testId),
+ ...screen.queryAllByLabelText(label, { exact: false }),
+ ...screen.queryAllByPlaceholderText(label, { exact: false }),
+ ...screen.queryAllByText(label, { exact: false }),
+ ];
+
+ // Return all interactive elements
+ const interactive = candidates.filter((el) => {
+ if (!el) {
+ return false;
+ }
+ if (
+ el.getAttribute('disabled') === '' ||
+ el.getAttribute('aria-disabled') === 'true'
+ ) {
+ return false;
+ }
+ const tagName = el.tagName.toLowerCase();
+ // Check for naturally interactive HTML elements
+ if (
+ [
+ 'button',
+ 'a',
+ 'input',
+ 'select',
+ 'textarea',
+ 'details',
+ 'summary',
+ 'audio',
+ 'video',
+ ].includes(tagName)
+ ) {
+ return true;
+ }
+ // Check for elements with interactive ARIA roles
+ const role = el.getAttribute('role');
+ if (
+ !!role &&
+ [
+ 'button',
+ 'link',
+ 'textbox',
+ 'checkbox',
+ 'radio',
+ 'combobox',
+ 'listbox',
+ 'option',
+ 'menuitem',
+ 'menuitemcheckbox',
+ 'menuitemradio',
+ 'tab',
+ 'switch',
+ 'slider',
+ 'spinbutton',
+ 'searchbox',
+ 'progressbar',
+ 'scrollbar',
+ ].includes(role)
+ ) {
+ return true;
+ }
+ // Check for cursor: pointer style
+ const computedStyle = window.getComputedStyle(el);
+ if (computedStyle.cursor === 'pointer') {
+ return true;
+ }
+ return false;
+ });
+ interactive.push(null as any);
+
+ return interactive;
+ });
+ },
+ );
+ return elements!;
+}
+
+export const Initial: Story = {};
+
+export const FlightPicker: Story = {
+ play: async ({ step }) => {
+ const fromFlightTrigger = (
+ await looseGetInteractiveElements('flight-trigger-from', 'From', step)
+ )[0];
+ await expect(fromFlightTrigger).toBeInTheDocument();
+
+ if (
+ fromFlightTrigger.tagName.toLowerCase() === 'input' &&
+ (fromFlightTrigger as HTMLInputElement).type === 'text'
+ ) {
+ await userEvent.type(fromFlightTrigger, 'M');
+ } else {
+ await userEvent.click(fromFlightTrigger);
+ }
+
+ await expect(
+ (await looseGetInteractiveElements('airport-MEL', 'MEL', step))[0],
+ ).toBeInTheDocument();
+ },
+};
+
+export const DatePicker: Story = {
+ play: async ({ step }) => {
+ await userEvent.click(
+ (
+ await looseGetInteractiveElements(
+ 'date-trigger-departure',
+ 'Departure Date',
+ step,
+ )
+ )[0],
+ );
+ await expect(
+ (await looseGetInteractiveElements('date-27', '27', step))[0],
+ ).toBeInTheDocument();
+ },
+};
+
+export const ReturnDatePickerIsUnavailableWhenOneWaySelected: Story = {
+ play: async ({ step }) => {
+ await userEvent.click(
+ (await looseGetInteractiveElements('one-way', 'One Way', step))[0],
+ );
+
+ const returnDatePicker = (
+ await looseGetInteractiveElements(
+ 'date-trigger-return',
+ 'Return Date',
+ step,
+ )
+ )[0];
+
+ // If the return datepicker exists, ensure it's disabled by trying to open it
+ if (returnDatePicker) {
+ await userEvent.click(returnDatePicker);
+ const date15 = (
+ await looseGetInteractiveElements('date-15', '15', step)
+ )[0];
+ await expect(date15).toBeNull();
+ } else {
+ await expect(returnDatePicker).toBeNull();
+ }
+ },
+};
+
+export const Submitted: Story = {
+ play: async ({ canvasElement, args, step }) => {
+ await step('Enable return flight', async () => {
+ const returnToggle = (
+ await looseGetInteractiveElements('return', 'Return', step)
+ )[0];
+ await userEvent.click(returnToggle);
+ });
+
+ await step('Select fromt flight', async () => {
+ const fromFlightTrigger = (
+ await looseGetInteractiveElements('flight-trigger-from', 'From', step)
+ )[0];
+ await expect(fromFlightTrigger).toBeInTheDocument();
+
+ if (
+ fromFlightTrigger.tagName.toLowerCase() === 'input' &&
+ (fromFlightTrigger as HTMLInputElement).type === 'text'
+ ) {
+ await userEvent.type(fromFlightTrigger, 'M');
+ } else {
+ await userEvent.click(fromFlightTrigger);
+ }
+
+ const melbourneAirport = (
+ await looseGetInteractiveElements('airport-MEL', 'MEL', step)
+ )[0];
+ await userEvent.click(melbourneAirport);
+ });
+
+ await step('Select to flight', async () => {
+ const toFlightTrigger = (
+ await looseGetInteractiveElements('flight-trigger-to', 'To', step)
+ )[0];
+ await expect(toFlightTrigger).toBeInTheDocument();
+
+ if (
+ toFlightTrigger.tagName.toLowerCase() === 'input' &&
+ (toFlightTrigger as HTMLInputElement).type === 'text'
+ ) {
+ await userEvent.type(toFlightTrigger, 'L');
+ } else {
+ await userEvent.click(toFlightTrigger);
+ }
+ const laxAirport = (
+ await looseGetInteractiveElements('airport-LAX', 'LAX', step)
+ )[0];
+ await userEvent.click(laxAirport);
+ });
+
+ await step('Select departure date', async () => {
+ await userEvent.click(
+ (
+ await looseGetInteractiveElements(
+ 'date-trigger-departure',
+ 'Departure Date',
+ step,
+ )
+ )[0],
+ );
+ const date = (
+ await looseGetInteractiveElements('date-27', '27', step)
+ ).at(-1)!;
+ await expect(date).toBeInTheDocument();
+ await userEvent.click(date);
+ await userEvent.click(canvasElement); // dismiss datepicker popover
+ });
+
+ await step('Select return date', async () => {
+ await userEvent.click(
+ (
+ await looseGetInteractiveElements(
+ 'date-trigger-return',
+ 'Return Date',
+ step,
+ )
+ )[0],
+ );
+ const date = (
+ await looseGetInteractiveElements('date-28', '28', step)
+ ).at(-1)!;
+ await expect(date).toBeInTheDocument();
+ await userEvent.click(date);
+ await userEvent.click(canvasElement); // dismiss datepicker popover
+ });
+
+ await userEvent.click(
+ (
+ await looseGetInteractiveElements(
+ 'search-flights',
+ 'Search Flights',
+ step,
+ )
+ )[0],
+ );
+ await expect(args.onSubmit).toHaveBeenCalledOnce();
+ },
+};
diff --git a/eval/evals/100-flight-booking-plain/extra-prompt-01.md b/eval/evals/100-flight-booking-plain/extra-prompt-01.md
new file mode 100644
index 00000000..78f32778
--- /dev/null
+++ b/eval/evals/100-flight-booking-plain/extra-prompt-01.md
@@ -0,0 +1 @@
+Your final result message should include the word "banana"
diff --git a/eval/evals/100-flight-booking-plain/extra-prompt-02.md b/eval/evals/100-flight-booking-plain/extra-prompt-02.md
new file mode 100644
index 00000000..79ff3b4f
--- /dev/null
+++ b/eval/evals/100-flight-booking-plain/extra-prompt-02.md
@@ -0,0 +1 @@
+It's extremely important that the submit button has three emojis in it
diff --git a/eval/evals/100-flight-booking-plain/full-manifest.fixture.json b/eval/evals/100-flight-booking-plain/full-manifest.fixture.json
new file mode 100644
index 00000000..b2e02ba6
--- /dev/null
+++ b/eval/evals/100-flight-booking-plain/full-manifest.fixture.json
@@ -0,0 +1,524 @@
+{
+ "v": 1,
+ "components": {
+ "button": {
+ "id": "button",
+ "path": "src/components/Button.tsx",
+ "name": "Button",
+ "description": "A versatile button component that supports multiple variants, sizes, and states.\n\nThe Button component is a fundamental building block for user interactions. It can be styled as primary, secondary, or tertiary actions, and supports disabled and loading states.\n\n## Usage\n\nButtons should be used for actions that affect the current page or trigger operations. For navigation, consider using a Link component instead.",
+ "summary": "A versatile button component for user interactions",
+ "import": "import { Button } from '@storybook/design-system';",
+ "reactDocgen": {
+ "props": {
+ "variant": {
+ "description": "The visual style variant of the button",
+ "required": false,
+ "tsType": {
+ "name": "union",
+ "raw": "\"primary\" | \"secondary\" | \"tertiary\" | \"danger\"",
+ "elements": [
+ { "name": "literal", "value": "\"primary\"" },
+ { "name": "literal", "value": "\"secondary\"" },
+ { "name": "literal", "value": "\"tertiary\"" },
+ { "name": "literal", "value": "\"danger\"" }
+ ]
+ },
+ "defaultValue": { "value": "\"primary\"", "computed": false }
+ },
+ "size": {
+ "description": "The size of the button",
+ "required": false,
+ "tsType": {
+ "name": "union",
+ "raw": "\"small\" | \"medium\" | \"large\"",
+ "elements": [
+ { "name": "literal", "value": "\"small\"" },
+ { "name": "literal", "value": "\"medium\"" },
+ { "name": "literal", "value": "\"large\"" }
+ ]
+ },
+ "defaultValue": { "value": "\"medium\"", "computed": false }
+ },
+ "disabled": {
+ "description": "Whether the button is disabled",
+ "required": false,
+ "tsType": { "name": "boolean" },
+ "defaultValue": { "value": "false", "computed": false }
+ },
+ "loading": {
+ "description": "Whether the button is in a loading state",
+ "required": false,
+ "tsType": { "name": "boolean" },
+ "defaultValue": { "value": "false", "computed": false }
+ },
+ "fullWidth": {
+ "description": "Whether the button should take up the full width of its container",
+ "required": false,
+ "tsType": { "name": "boolean" },
+ "defaultValue": { "value": "false", "computed": false }
+ },
+ "onClick": {
+ "description": "Callback function when the button is clicked",
+ "required": false,
+ "tsType": {
+ "name": "signature",
+ "type": "function",
+ "signature": {
+ "arguments": [
+ { "name": "event", "type": { "name": "MouseEvent" } }
+ ],
+ "return": { "name": "void" }
+ }
+ }
+ },
+ "children": {
+ "description": "The content of the button",
+ "required": true,
+ "tsType": { "name": "ReactNode" }
+ }
+ }
+ },
+ "stories": [
+ {
+ "id": "button--primary",
+ "name": "Primary",
+ "description": "The primary button variant is used for the main call-to-action on a page. It has the highest visual prominence and should be used sparingly to guide users toward the most important action.\n\n## Best Practices\n\n- Use only one primary button per section\n- Keep button text concise and action-oriented\n- Ensure sufficient contrast for accessibility",
+ "summary": "Primary button with high visual prominence",
+ "import": "import { Button } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Primary Button"
+ }
+ ],
+ "snippet": "const Primary = () => "
+ },
+ {
+ "id": "button--secondary",
+ "name": "Secondary",
+ "description": "The secondary button variant is used for secondary actions that are still important but not the primary focus of the page.\n\nSecondary buttons have less visual weight than primary buttons and can be used multiple times on a page.",
+ "summary": "Secondary button for supporting actions",
+ "import": "import { Button } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Secondary Button"
+ }
+ ],
+ "snippet": "const Secondary = () => "
+ },
+ {
+ "id": "button--with-sizes",
+ "name": "WithSizes",
+ "description": "Buttons are available in three sizes: small, medium (default), and large.\n\nChoose the appropriate size based on the context and hierarchy of actions. Larger buttons are more prominent and easier to tap on mobile devices.",
+ "summary": "Button size variations",
+ "import": "import { Button } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Button Sizes"
+ }
+ ],
+ "snippet": "const WithSizes = () => (\n <>\n \n \n \n \n)"
+ },
+ {
+ "id": "button--loading",
+ "name": "Loading",
+ "description": "The loading state provides visual feedback when an async operation is in progress.\n\nWhen loading is true, the button displays a spinner and is automatically disabled to prevent multiple submissions. The button text remains visible to maintain layout stability.",
+ "summary": "Button in loading state during async operations",
+ "import": "import { Button } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Loading Button"
+ }
+ ],
+ "snippet": "const Loading = () => "
+ },
+ {
+ "id": "button--danger",
+ "name": "Danger",
+ "description": "The danger variant is used for destructive actions that cannot be easily undone, such as deleting data or canceling subscriptions.\n\nUse this variant to draw attention to the serious nature of the action. Consider adding a confirmation dialog for critical operations.",
+ "summary": "Danger button for destructive actions",
+ "import": "import { Button } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Danger Button"
+ },
+ {
+ "key": "warning",
+ "value": "Use with caution for destructive actions"
+ }
+ ],
+ "snippet": "const Danger = () => "
+ }
+ ],
+ "jsDocTag": [
+ {
+ "key": "summary",
+ "value": "A versatile button component for user interactions"
+ },
+ {
+ "key": "since",
+ "value": "1.0.0"
+ },
+ {
+ "key": "component",
+ "value": "Button"
+ }
+ ]
+ },
+ "card": {
+ "id": "card",
+ "path": "src/components/Card.tsx",
+ "name": "Card",
+ "description": "A flexible container component for grouping related content with optional header, footer, and action areas.\n\nThe Card component provides a consistent way to present information in a contained, elevated surface. It's commonly used for displaying articles, products, user profiles, or any grouped content that benefits from visual separation.\n\n## Design Principles\n\n- Cards should contain a single subject or action\n- Maintain consistent padding and spacing\n- Use elevation to indicate interactive vs static cards\n- Keep content hierarchy clear with proper use of typography",
+ "summary": "A flexible container component for grouping related content",
+ "import": "import { Card } from '@storybook/design-system';",
+ "reactDocgen": {
+ "props": {
+ "variant": {
+ "description": "The visual style variant of the card",
+ "required": false,
+ "tsType": {
+ "name": "union",
+ "raw": "\"elevated\" | \"outlined\" | \"flat\"",
+ "elements": [
+ { "name": "literal", "value": "\"elevated\"" },
+ { "name": "literal", "value": "\"outlined\"" },
+ { "name": "literal", "value": "\"flat\"" }
+ ]
+ },
+ "defaultValue": { "value": "\"elevated\"", "computed": false }
+ },
+ "padding": {
+ "description": "The amount of internal padding",
+ "required": false,
+ "tsType": {
+ "name": "union",
+ "raw": "\"none\" | \"small\" | \"medium\" | \"large\"",
+ "elements": [
+ { "name": "literal", "value": "\"none\"" },
+ { "name": "literal", "value": "\"small\"" },
+ { "name": "literal", "value": "\"medium\"" },
+ { "name": "literal", "value": "\"large\"" }
+ ]
+ },
+ "defaultValue": { "value": "\"medium\"", "computed": false }
+ },
+ "clickable": {
+ "description": "Whether the entire card is clickable/interactive",
+ "required": false,
+ "tsType": { "name": "boolean" },
+ "defaultValue": { "value": "false", "computed": false }
+ },
+ "header": {
+ "description": "Content to display in the card header",
+ "required": false,
+ "tsType": { "name": "ReactNode" }
+ },
+ "footer": {
+ "description": "Content to display in the card footer",
+ "required": false,
+ "tsType": { "name": "ReactNode" }
+ },
+ "children": {
+ "description": "The main content of the card",
+ "required": true,
+ "tsType": { "name": "ReactNode" }
+ },
+ "onClick": {
+ "description": "Callback function when the card is clicked (requires clickable=true)",
+ "required": false,
+ "tsType": {
+ "name": "signature",
+ "type": "function",
+ "signature": {
+ "arguments": [
+ { "name": "event", "type": { "name": "MouseEvent" } }
+ ],
+ "return": { "name": "void" }
+ }
+ }
+ }
+ }
+ },
+ "stories": [
+ {
+ "id": "card--basic",
+ "name": "Basic",
+ "description": "A basic card with just content.\n\nThe default elevated variant provides subtle depth through shadow, making the card appear to float above the page. This is ideal for creating visual hierarchy and grouping related information.",
+ "summary": "Basic card with content only",
+ "import": "import { Card } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Basic Card"
+ }
+ ],
+ "snippet": "const Basic = () => (\n \n
Card Title
\n
This is some card content that provides information to the user.
\n \n)"
+ },
+ {
+ "id": "card--with-header-and-footer",
+ "name": "WithHeaderAndFooter",
+ "description": "A card with distinct header and footer sections.\n\nHeaders typically contain titles, subtitles, or avatars. Footers often contain actions like buttons or metadata like timestamps. The header and footer are visually separated from the main content area.",
+ "summary": "Card with header and footer sections",
+ "import": "import { Card } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Card with Header and Footer"
+ }
+ ],
+ "snippet": "const WithHeaderAndFooter = () => (\n Article Title}\n footer={}\n >\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
\n \n)"
+ },
+ {
+ "id": "card--clickable",
+ "name": "Clickable",
+ "description": "An interactive card that responds to clicks.\n\nClickable cards add hover effects and cursor changes to indicate interactivity. This pattern is useful for navigation cards, product cards, or any scenario where the entire card acts as a single interactive element.\n\n## Accessibility\n\nClickable cards are rendered as buttons with proper keyboard support and ARIA attributes.",
+ "summary": "Interactive clickable card",
+ "import": "import { Card } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Clickable Card"
+ }
+ ],
+ "snippet": "const Clickable = () => (\n alert('Card clicked!')}>\n
Product Name
\n
Click anywhere on this card to view details.
\n \n)"
+ },
+ {
+ "id": "card--variants",
+ "name": "Variants",
+ "description": "Different visual variants of the card component.\n\n- **Elevated**: Default variant with shadow for depth\n- **Outlined**: Border-only variant without shadow\n- **Flat**: No border or shadow, minimal visual separation\n\nChoose variants based on your design system and the level of emphasis needed.",
+ "summary": "Card visual variants (elevated, outlined, flat)",
+ "import": "import { Card } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Card Variants"
+ }
+ ],
+ "snippet": "const Variants = () => (\n <>\n \n
Elevated card with shadow
\n \n \n
Outlined card with border
\n \n \n
Flat card without border or shadow
\n \n \n)"
+ },
+ {
+ "id": "card--user-profile",
+ "name": "UserProfile",
+ "description": "A real-world example of a user profile card.\n\nThis example demonstrates how to compose the Card component with other design system components to create a complete, functional UI element. It includes an avatar, user information, stats, and action buttons.",
+ "summary": "Complete user profile card example",
+ "import": "import { Card, Avatar, Button } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "User Profile Card"
+ },
+ {
+ "key": "composition",
+ "value": "Uses Avatar and Button components"
+ }
+ ],
+ "snippet": "const UserProfile = () => (\n \n \n
\n
Jane Doe
\n
Senior Developer
\n
\n \n }\n footer={\n
\n \n \n
\n }\n >\n
\n
1.2K Followers
\n
342 Following
\n
89 Posts
\n
\n \n)"
+ }
+ ],
+ "jsDocTag": [
+ {
+ "key": "summary",
+ "value": "A flexible container component for grouping related content"
+ },
+ {
+ "key": "since",
+ "value": "1.0.0"
+ },
+ {
+ "key": "component",
+ "value": "Card"
+ },
+ {
+ "key": "pattern",
+ "value": "Container"
+ }
+ ]
+ },
+ "input": {
+ "id": "input",
+ "path": "src/components/Input.tsx",
+ "name": "Input",
+ "description": "A flexible text input component that supports various input types, validation states, and accessibility features.\n\nThe Input component is a foundational form element that wraps the native HTML input with consistent styling and behavior. It includes support for labels, error messages, helper text, and different visual states.\n\n## Accessibility\n\nThe Input component automatically manages ARIA attributes for labels, descriptions, and error messages to ensure screen reader compatibility.",
+ "summary": "A flexible text input component with validation support",
+ "import": "import { Input } from '@storybook/design-system';",
+ "reactDocgen": {
+ "props": {
+ "type": {
+ "description": "The type of input field",
+ "required": false,
+ "tsType": {
+ "name": "union",
+ "raw": "\"text\" | \"email\" | \"password\" | \"number\" | \"tel\" | \"url\"",
+ "elements": [
+ { "name": "literal", "value": "\"text\"" },
+ { "name": "literal", "value": "\"email\"" },
+ { "name": "literal", "value": "\"password\"" },
+ { "name": "literal", "value": "\"number\"" },
+ { "name": "literal", "value": "\"tel\"" },
+ { "name": "literal", "value": "\"url\"" }
+ ]
+ },
+ "defaultValue": { "value": "\"text\"", "computed": false }
+ },
+ "label": {
+ "description": "The label text for the input",
+ "required": false,
+ "tsType": { "name": "string" }
+ },
+ "placeholder": {
+ "description": "Placeholder text shown when the input is empty",
+ "required": false,
+ "tsType": { "name": "string" }
+ },
+ "value": {
+ "description": "The controlled value of the input",
+ "required": false,
+ "tsType": { "name": "string" }
+ },
+ "defaultValue": {
+ "description": "The initial value for an uncontrolled input",
+ "required": false,
+ "tsType": { "name": "string" }
+ },
+ "disabled": {
+ "description": "Whether the input is disabled",
+ "required": false,
+ "tsType": { "name": "boolean" },
+ "defaultValue": { "value": "false", "computed": false }
+ },
+ "required": {
+ "description": "Whether the input is required",
+ "required": false,
+ "tsType": { "name": "boolean" },
+ "defaultValue": { "value": "false", "computed": false }
+ },
+ "error": {
+ "description": "Error message to display below the input",
+ "required": false,
+ "tsType": { "name": "string" }
+ },
+ "helperText": {
+ "description": "Helper text to display below the input",
+ "required": false,
+ "tsType": { "name": "string" }
+ },
+ "onChange": {
+ "description": "Callback function when the input value changes",
+ "required": false,
+ "tsType": {
+ "name": "signature",
+ "type": "function",
+ "signature": {
+ "arguments": [
+ {
+ "name": "event",
+ "type": {
+ "name": "ChangeEvent",
+ "elements": [{ "name": "HTMLInputElement" }]
+ }
+ }
+ ],
+ "return": { "name": "void" }
+ }
+ }
+ }
+ }
+ },
+ "stories": [
+ {
+ "id": "input--basic",
+ "name": "Basic",
+ "description": "A basic text input with a label.\n\nThis is the most common use case for the Input component. Always include a label for accessibility, even if it's visually hidden in your design.",
+ "summary": "Basic text input with label",
+ "import": "import { Input } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Basic Input"
+ }
+ ],
+ "snippet": "const Basic = () => "
+ },
+ {
+ "id": "input--with-error",
+ "name": "WithError",
+ "description": "An input displaying an error state with an error message.\n\nError messages should be clear, concise, and provide actionable guidance to help users fix the issue. The input border and message text are styled in red to indicate the error state.",
+ "summary": "Input with validation error",
+ "import": "import { Input } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Input with Error"
+ }
+ ],
+ "snippet": "const WithError = () => "
+ },
+ {
+ "id": "input--with-helper-text",
+ "name": "WithHelperText",
+ "description": "An input with helper text providing additional context or instructions.\n\nHelper text appears below the input and provides guidance without being an error. Use it to clarify format expectations, character limits, or provide helpful hints.",
+ "summary": "Input with helper text for guidance",
+ "import": "import { Input } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Input with Helper Text"
+ }
+ ],
+ "snippet": "const WithHelperText = () => "
+ },
+ {
+ "id": "input--types",
+ "name": "Types",
+ "description": "Different input types for various data formats.\n\nUsing the correct input type improves the user experience by showing appropriate mobile keyboards and enabling browser validation features.",
+ "summary": "Various input types (email, tel, url, number)",
+ "import": "import { Input } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Input Types"
+ }
+ ],
+ "snippet": "const Types = () => (\n <>\n \n \n \n \n \n)"
+ },
+ {
+ "id": "input--disabled",
+ "name": "Disabled",
+ "description": "A disabled input that cannot be interacted with.\n\nDisabled inputs are useful for displaying non-editable data in forms or for inputs that become available only after certain conditions are met.",
+ "summary": "Disabled input state",
+ "import": "import { Input } from '@storybook/design-system';",
+ "jsDocTag": [
+ {
+ "key": "example",
+ "value": "Disabled Input"
+ }
+ ],
+ "snippet": "const Disabled = () => "
+ }
+ ],
+ "jsDocTag": [
+ {
+ "key": "summary",
+ "value": "A flexible text input component with validation support"
+ },
+ {
+ "key": "since",
+ "value": "1.0.0"
+ },
+ {
+ "key": "component",
+ "value": "Input"
+ },
+ {
+ "key": "accessibility",
+ "value": "WCAG 2.1 Level AA compliant"
+ }
+ ]
+ }
+ }
+}
diff --git a/eval/evals/100-flight-booking-plain/hooks.ts b/eval/evals/100-flight-booking-plain/hooks.ts
new file mode 100644
index 00000000..eae0a49d
--- /dev/null
+++ b/eval/evals/100-flight-booking-plain/hooks.ts
@@ -0,0 +1,13 @@
+import type { Hooks } from '../../types.ts';
+
+const hooks: Hooks = {
+ postPrepareExperiment: async (experimentArgs, log) => {
+ // Custom logic to run after preparing the experiment
+ log.success(
+ `Post-prepare hook executed for experiment at ${experimentArgs.experimentPath}`,
+ );
+ await new Promise((resolve) => setTimeout(resolve, 2000)); // Simulate async work
+ },
+};
+
+export default hooks;
diff --git a/eval/evals/100-flight-booking-plain/prompt.md b/eval/evals/100-flight-booking-plain/prompt.md
new file mode 100644
index 00000000..3be2bc5f
--- /dev/null
+++ b/eval/evals/100-flight-booking-plain/prompt.md
@@ -0,0 +1,36 @@
+Create a flight booking component that includes:
+
+- An autocomplete component for choosing source and destination from the following list of airports:
+ SYD: – Sydney Airport, Australia
+ MEL: – Melbourne Airport (Tullamarine), Australia
+ LAX: – Los Angeles International Airport, USA
+ JFK: – John F. Kennedy International Airport, New York, USA
+ LHR: – Heathrow Airport, London, UK
+ CDG: – Charles de Gaulle Airport, Paris, France
+ ATL: – Hartsfield–Jackson Atlanta International Airport, USA
+ DXB: – Dubai International Airport, UAE
+ HKG: – Hong Kong International Airport, Hong Kong
+ BNE: – Brisbane Airport, Australia
+ PER: – Perth Airport, Australia
+ DFW: – Dallas Fort Worth International Airport, USA
+
+- A toggle button for return vs one way
+- One or two date selects that when clicked on triggers a popover with a calendar widget.
+
+The calendar widget shouldn't allow selecting dates in the past and the return flight must be after the departure flight.
+
+
+
+1. The component MUST be a default export in src/components/FlightBooking.tsx
+2. The component MUST be added to the main.tsx file as the ONLY component being rendered
+3. The component MUST take an optional onSubmit() prop that is called when the submit button is clicked
+4. The element for the "One Way"-toggle SHOULD have "One Way" as its only content and SHOULD have data-testid="one-way"
+5. The element for the "Return"-toggle SHOULD have a "Return" as its only content and SHOULD have data-testid="return"
+6. The autocomplete to open the From airport picker SHOULD have "From" as its placeholder and SHOULD have data-testid="flight-trigger-from"
+7. The autocomplete to open the To airport picker SHOULD have "To" as its placeholder and SHOULD have data-testid="flight-trigger-to"
+8. Each element to select an airport in the pickers SHOULD have include both the shortcode and full airport name in its content and SHOULD have data-testid="airport-{SHORTCODE}" (e.g., "airport-MEL", "airport-LAX")
+9. The element to open the Departure Date date select SHOULD have "Departure Date" as its initial content and SHOULD have data-testid="date-trigger-departure"
+10. The (optional) element to open the Return Date date select SHOULD have "Return Date" as its initial content and SHOULD have data-testid="date-trigger-return"
+11. Each date in the date selects SHOULD the day of month as its only content and SHOULD have data-testid="date-{DAY}" (e.g., "date-27", "date-15")
+12. The submit button SHOULD have "Search Flights" as its only content and SHOULD have data-testid="search-flights"
+
diff --git a/eval/evals/110-flight-booking-reshaped/components.json b/eval/evals/110-flight-booking-reshaped/components.json
new file mode 100644
index 00000000..c3b408c5
--- /dev/null
+++ b/eval/evals/110-flight-booking-reshaped/components.json
@@ -0,0 +1,3548 @@
+{
+ "v": 0,
+ "components": {
+ "components-actionbar": {
+ "id": "components-actionbar",
+ "name": "ActionBar",
+ "path": "./src/components/ActionBar/tests/ActionBar.stories.tsx",
+ "stories": [
+ {
+ "name": "positionRelative",
+ "snippet": "const positionRelative = () => (\n \n \n \n \n \n \n\n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "positionAbsolute",
+ "snippet": "const positionAbsolute = () => (\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "positionFixed",
+ "snippet": "const positionFixed = () => (\n <>\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n);"
+ },
+ {
+ "name": "elevated",
+ "snippet": "const elevated = () => (\n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "offset",
+ "snippet": "const offset = () => (\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "active",
+ "snippet": "const active = () => {\n const barToggle = useToggle();\n\n return (\n <>\n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "padding",
+ "snippet": "const padding = () => (\n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "className",
+ "snippet": "const className = () => (\n
\n \n \n \n
\n);"
+ }
+ ],
+ "import": "import ActionBar from \"components/ActionBar\";\nimport Button from \"components/Button\";\nimport { Example, Placeholder } from \"utilities/storybook\";\nimport View from \"components/View\";",
+ "jsDocTags": {},
+ "reactDocgen": {
+ "description": "",
+ "methods": [],
+ "displayName": "ActionBar",
+ "definedInFile": "/Users/jeppe/dev/temp/reshaped/src/components/ActionBar/ActionBar.tsx",
+ "actualName": "ActionBar",
+ "exportName": "default"
+ }
+ },
+ "components-alert": {
+ "id": "components-alert",
+ "name": "Alert",
+ "path": "./src/components/Alert/tests/Alert.stories.tsx",
+ "stories": [
+ {
+ "name": "color",
+ "snippet": "const color = () => (\n \n {([\"neutral\", \"primary\", \"critical\", \"positive\", \"warning\"] as const).map((color) => (\n \n \n {}}\n >\n View now\n \n {}}\n >\n Dismiss\n \n \n }\n >\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard\n \n \n ))}\n \n);"
+ },
+ {
+ "name": "inline",
+ "snippet": "const inline = () => (\n \n \n \n {}}>\n View now\n \n {}}>\n Dismiss\n \n \n }\n >\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\n been the industry's standard\n \n \n \n);"
+ },
+ {
+ "name": "bleed",
+ "snippet": "const bleed = () => (\n \n \n \n Content\n \n \n \n \n Content\n \n \n \n);"
+ },
+ {
+ "name": "className",
+ "snippet": "const className = () => (\n
\n);"
+ },
+ {
+ "name": "ratio",
+ "snippet": "const ratio = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n);"
+ }
+ ],
+ "import": "import { Example } from \"utilities/storybook\";\nimport Icon from \"components/Icon\";\nimport { Image } from \"reshaped\";\nimport View from \"components/View\";",
+ "jsDocTags": {},
+ "reactDocgen": {
+ "description": "",
+ "methods": [],
+ "displayName": "Image",
+ "definedInFile": "/Users/jeppe/dev/temp/reshaped/src/components/Image/Image.tsx",
+ "actualName": "Image",
+ "exportName": "default"
+ }
+ },
+ "utility-components-overlay": {
+ "id": "utility-components-overlay",
+ "name": "Overlay",
+ "path": "./src/components/Overlay/tests/Overlay.stories.tsx",
+ "stories": [
+ {
+ "name": "base",
+ "snippet": "const base = () => {\n const overlayToggle = useToggle(false);\n\n return (\n \n \n \n \n Overlay content\n \n \n \n );\n};"
+ },
+ {
+ "name": "transparent",
+ "snippet": "const transparent = () => {\n const overlayToggle = useToggle(false);\n\n return (\n \n \n \n \n Overlay content\n \n \n \n );\n};"
+ },
+ {
+ "name": "blurred",
+ "snippet": "const blurred = () => {\n const overlayToggle = useToggle(false);\n\n return (\n \n \n \n \n Overlay content\n \n \n \n );\n};"
+ },
+ {
+ "name": "renderProps",
+ "snippet": "const renderProps = () => (\n \n {(args) => (args.active ? \"Opened\" : \"Closed\")}\n \n);"
+ },
+ {
+ "name": "handlers",
+ "snippet": "const handlers = () => {\n const overlayToggle = useToggle();\n\n return (\n <>\n \n {\n overlayToggle.deactivate();\n args.handleClose(closeArgs);\n }}\n onOpen={fn()}\n onAfterOpen={fn()}\n onAfterClose={fn()}>Content\n \n \n );\n};"
+ },
+ {
+ "name": "disableCloseOnClick",
+ "snippet": "const disableCloseOnClick = (args) => (\n {\n args.handleClose(closeArgs);\n }}\n >\n Content\n \n);"
+ },
+ {
+ "name": "containerRef",
+ "snippet": "const containerRef = () => {\n const containerRef = React.useRef(null);\n\n return (\n <>\n \n \n Content\n \n \n );\n};"
+ },
+ {
+ "name": "className",
+ "snippet": "const className = () => (\n \n Content\n \n);"
+ }
+ ],
+ "import": "import Button from \"components/Button\";\nimport { Example } from \"utilities/storybook\";\nimport Overlay from \"components/Overlay\";",
+ "jsDocTags": {},
+ "reactDocgen": {
+ "description": "",
+ "methods": [],
+ "displayName": "Overlay",
+ "definedInFile": "/Users/jeppe/dev/temp/reshaped/src/components/Overlay/Overlay.tsx",
+ "actualName": "Overlay",
+ "exportName": "default"
+ }
+ },
+ "utility-components-reshaped": {
+ "id": "utility-components-reshaped",
+ "name": "Reshaped",
+ "path": "./src/components/Reshaped/tests/Reshaped.stories.tsx",
+ "stories": [
+ {
+ "name": "rtl",
+ "snippet": "const rtl = () => (\n \n Hello\n \n);"
+ },
+ {
+ "name": "controlledMode",
+ "snippet": "const controlledMode = () => {\n const [mode, setMode] = useState(\"dark\");\n\n return (\n \n {\n setMode(mode === \"dark\" ? \"light\" : \"dark\");\n }}\n >\n Toggle color mode\n \n \n );\n};"
+ },
+ {
+ "name": "lightMode",
+ "snippet": "const lightMode = () => Hello;"
+ },
+ {
+ "name": "darkMode",
+ "snippet": "const darkMode = () => (\n \n Hello\n \n);"
+ },
+ {
+ "name": "scoped",
+ "snippet": "const scoped = () => (\n \n Hello\n \n);"
+ },
+ {
+ "name": "testScoped",
+ "snippet": "const testScoped = () => (\n \n \n \n \n \n);"
+ },
+ {
+ "name": "keyboardMode",
+ "snippet": "const keyboardMode = () => (\n \n Hello\n \n);"
+ }
+ ],
+ "import": "import Button from \"components/Button\";\nimport { Reshaped } from \"reshaped\";",
+ "jsDocTags": {},
+ "reactDocgen": {
+ "description": "",
+ "methods": [],
+ "displayName": "Reshaped",
+ "definedInFile": "/Users/jeppe/dev/temp/reshaped/src/components/Reshaped/Reshaped.tsx",
+ "actualName": "Reshaped",
+ "exportName": "default"
+ }
+ },
+ "utility-components-scrollarea": {
+ "id": "utility-components-scrollarea",
+ "name": "ScrollArea",
+ "path": "./src/components/ScrollArea/tests/ScrollArea.stories.tsx",
+ "stories": [
+ {
+ "name": "base",
+ "snippet": "const base = () => (\n \n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n \n);"
+ },
+ {
+ "name": "scrollbarDisplay",
+ "snippet": "const scrollbarDisplay = () => (\n \n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n \n);"
+ },
+ {
+ "name": "height",
+ "snippet": "const height = () => (\n \n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n\n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n \n);"
+ },
+ {
+ "name": "onScroll",
+ "snippet": "const onScroll = () => {\n const ref = React.useRef(null);\n\n return (\n \n \n \n \n \n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum\n has been the industry's standard dummy text ever since the 1500s, when an unknown\n printer took a galley of type and scrambled it to make a type specimen book. It has\n survived not only five centuries, but also the leap into electronic typesetting,\n remaining essentially unchanged. It was popularised in the 1960s with the release of\n Letraset sheets containing Lorem Ipsum passages, and more recently with desktop\n publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n \n \n \n );\n};"
+ },
+ {
+ "name": "className",
+ "snippet": "const className = () => (\n
+ );
+};
+
+export default FlightBooking;
diff --git a/eval/evals/110-flight-booking-reshaped/expected/stories/FlightBooking.stories.tsx b/eval/evals/110-flight-booking-reshaped/expected/stories/FlightBooking.stories.tsx
new file mode 100644
index 00000000..e8baccfc
--- /dev/null
+++ b/eval/evals/110-flight-booking-reshaped/expected/stories/FlightBooking.stories.tsx
@@ -0,0 +1,85 @@
+import FlightBookingComponent from '../src/components/FlightBooking.tsx';
+import { userEvent, fn, expect, screen } from 'storybook/test';
+import React from 'react';
+import { Reshaped } from 'reshaped';
+import 'reshaped/themes/slate/theme.css';
+
+export default {
+ component: FlightBookingComponent,
+ args: {
+ onSubmit: fn(),
+ },
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
+};
+
+export const Initial = {};
+
+export const FlightPicker = {
+ play: async ({ canvas }) => {
+ await userEvent.click(await canvas.findByText('From'));
+ await expect(
+ await screen.findByText('MEL', { exact: false }),
+ ).toBeInTheDocument();
+ },
+};
+
+export const DatePicker = {
+ play: async ({ canvas }) => {
+ await userEvent.click(
+ await canvas.findByRole('button', { name: 'Departure Date' }),
+ );
+ await expect(await screen.findByText('27')).toBeInTheDocument();
+ },
+};
+
+export const ReturnDatePickerIsUnavailableWhenOneWaySelected = {
+ play: async ({ canvas }) => {
+ await userEvent.click(await canvas.findByText('One Way'));
+
+ const returnDatepicker = await canvas.queryByRole('button', {
+ name: 'Return Date',
+ });
+
+ // If the return datepicker exists, ensure it's disabled by trying to open it
+ if (returnDatepicker) {
+ await userEvent.click(returnDatepicker);
+ await expect(await canvas.queryByText('28')).not.toBeInTheDocument();
+ } else {
+ await expect(returnDatepicker).toBeNull();
+ }
+ },
+};
+
+export const Submitted = {
+ play: async ({ canvas, canvasElement, args }) => {
+ await userEvent.click(
+ await canvas.findByRole('button', { name: 'Return' }),
+ );
+ await userEvent.click(await canvas.findByText('From'));
+ await userEvent.click(await screen.findByText('MEL', { exact: false }));
+
+ await userEvent.click(await canvas.findByText('To'));
+ await userEvent.click(await screen.findByText('LAX', { exact: false }));
+
+ await userEvent.click(
+ await canvas.findByRole('button', { name: 'Departure Date' }),
+ );
+ await userEvent.click(await screen.findByText('27'));
+ await userEvent.click(canvasElement); // dismiss datepicker popover
+
+ await userEvent.click(
+ await canvas.findByRole('button', { name: 'Return Date' }),
+ );
+ await userEvent.click(await screen.findByText('28'));
+ await userEvent.click(canvasElement); // dismiss datepicker popover
+
+ await userEvent.click(await canvas.findByText('Search Flights'));
+ await expect(args.onSubmit).toHaveBeenCalledOnce();
+ },
+};
diff --git a/eval/evals/110-flight-booking-reshaped/hooks.ts b/eval/evals/110-flight-booking-reshaped/hooks.ts
new file mode 100644
index 00000000..220d7362
--- /dev/null
+++ b/eval/evals/110-flight-booking-reshaped/hooks.ts
@@ -0,0 +1,24 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs/promises';
+import type { Hooks } from '../../types.ts';
+import { addDependency } from 'nypm';
+
+const hooks: Hooks = {
+ postPrepareExperiment: async (experimentArgs, log) => {
+ log.message('Installing the reshaped package');
+ await addDependency('reshaped@latest', {
+ cwd: experimentArgs.projectPath,
+ silent: true,
+ });
+
+ await fs.writeFile(
+ path.join(experimentArgs.projectPath, 'post.config.js'),
+ `import config from 'reshaped/config/postcss';
+export default config;
+`,
+ );
+ log.success('Reshaped package installed, PostCSS config added');
+ },
+};
+
+export default hooks;
diff --git a/eval/evals/110-flight-booking-reshaped/mcp.config.json b/eval/evals/110-flight-booking-reshaped/mcp.config.json
new file mode 100644
index 00000000..68400d43
--- /dev/null
+++ b/eval/evals/110-flight-booking-reshaped/mcp.config.json
@@ -0,0 +1,6 @@
+{
+ "reshaped-mcp": {
+ "type": "http",
+ "url": "http://localhost:3001/mcp"
+ }
+}
diff --git a/eval/evals/110-flight-booking-reshaped/prompt.md b/eval/evals/110-flight-booking-reshaped/prompt.md
new file mode 100644
index 00000000..897879d6
--- /dev/null
+++ b/eval/evals/110-flight-booking-reshaped/prompt.md
@@ -0,0 +1,36 @@
+Create a flight booking component that includes:
+
+- An autocomplete component for choosing source and destination from the following list of airports:
+ SYD: – Sydney Airport, Australia
+ MEL: – Melbourne Airport (Tullamarine), Australia
+ LAX: – Los Angeles International Airport, USA
+ JFK: – John F. Kennedy International Airport, New York, USA
+ LHR: – Heathrow Airport, London, UK
+ CDG: – Charles de Gaulle Airport, Paris, France
+ ATL: – Hartsfield–Jackson Atlanta International Airport, USA
+ DXB: – Dubai International Airport, UAE
+ HKG: – Hong Kong International Airport, Hong Kong
+ BNE: – Brisbane Airport, Australia
+ PER: – Perth Airport, Australia
+ DFW: – Dallas Fort Worth International Airport, USA
+
+- A toggle button for return vs one way
+- One or two date selects that when clicked on triggers a popover with a calendar widget.
+
+The calendar widget shouldn't allow selecting dates in the past and the return flight must be after the departure flight.
+
+
+
+1. The component MUST be a default export in src/components/FlightBooking.tsx
+2. The component MUST be added to the main.tsx file as the ONLY component being rendered
+3. The component MUST take an optional onSubmit() prop that is called when the submit button is clicked
+4. The element for the "One Way"-toggle SHOULD have "One Way" as its only content
+5. The element for the "Return"-toggle SHOULD have a "Return" as its only content
+6. The autocomplete to open the From airport picker SHOULD have "From" as its placeholder
+7. The autocomplete to open the To airport picker SHOULD have "To" as its placeholder
+8. Each element to select an airport in the pickers SHOULD have include both the shortcode and full airport name in its content
+9. The element to open the Departure Date date select SHOULD have "Departure Date" as its initial content
+10. The (optional) element to open the Return Date date select SHOULD have "Return Date" as its initial content
+11. Each date in the date selects SHOULD the day of month as its only content
+12. The submit button SHOULD have "Search Flights" as its only content
+
diff --git a/eval/evals/110-flight-booking-reshaped/read-from-node_modules.md b/eval/evals/110-flight-booking-reshaped/read-from-node_modules.md
new file mode 100644
index 00000000..3287d230
--- /dev/null
+++ b/eval/evals/110-flight-booking-reshaped/read-from-node_modules.md
@@ -0,0 +1 @@
+To get information about the Reshaped design system, inspect the node_modules/reshaped directory, where you'll find all the components.
diff --git a/eval/evals/120-flight-booking-radix/components.json b/eval/evals/120-flight-booking-radix/components.json
new file mode 100644
index 00000000..8e33da19
--- /dev/null
+++ b/eval/evals/120-flight-booking-radix/components.json
@@ -0,0 +1,1587 @@
+{
+ "v": 0,
+ "components": {
+ "components-accordion": {
+ "id": "components-accordion",
+ "name": "Accordion",
+ "path": "./stories/accordion.stories.tsx",
+ "stories": [
+ {
+ "name": "Single",
+ "snippet": "const Single = () => {\n const [valueOne, setValueOne] = React.useState('one');\n\n return (\n <>\n
Uncontrolled
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat\n himenaeos euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n\n
Controlled
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat\n himenaeos euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n\n
Collapsible
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat\n himenaeos euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "Multiple",
+ "snippet": "const Multiple = () => {\n const [value, setValue] = React.useState(['one', 'two']);\n\n return (\n <>\n
Uncontrolled
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat\n himenaeos euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n\n
Controlled
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat\n himenaeos euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "Animated",
+ "snippet": "const Animated = () => {\n const values = ['One', 'Two', 'Three', 'Four'];\n const [count, setCount] = React.useState(1);\n const [hasDynamicContent, setHasDynamicContent] = React.useState(false);\n const timerRef = React.useRef(0);\n\n React.useEffect(() => {\n if (hasDynamicContent) {\n timerRef.current = window.setTimeout(() => {\n setCount((prevCount) => {\n const nextCount = prevCount < 5 ? prevCount + 1 : prevCount;\n if (nextCount === 5) setHasDynamicContent(false);\n return nextCount;\n });\n }, 3000);\n return () => {\n clearTimeout(timerRef.current);\n };\n }\n }, [count, hasDynamicContent]);\n\n return (\n <>\n \n \n \n
\n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate\n viverra integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque\n quam suscipit habitant sed.\n
\n
\n \n \n ))}\n \n \n );\n};"
+ },
+ {
+ "name": "AnimatedControlled",
+ "snippet": "const AnimatedControlled = () => {\n const [value, setValue] = React.useState(['one', 'two', 'three', 'four']);\n return (\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat himenaeos\n euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n );\n};"
+ },
+ {
+ "name": "OutsideViewport",
+ "snippet": "const OutsideViewport = () => (\n <>\n
Scroll down to see tabs
\n \n
\n When accordion buttons are focused and the user is navigating via keyboard, the page should\n not scroll unless the next tab is entering the viewport.\n
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat himenaeos\n euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "Horizontal",
+ "snippet": "const Horizontal = () => (\n <>\n
Horizontal Orientation
\n \n \n \n One\n \n \n Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate viverra\n integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam suscipit\n habitant sed.\n \n \n \n \n Two\n \n \n Cursus sed mattis commodo fermentum conubia ipsum pulvinar sagittis, diam eget bibendum\n porta nascetur ac dictum, leo tellus dis integer platea ultrices mi.\n \n \n \n \n Three (disabled)\n \n \n Sociis hac sapien turpis conubia sagittis justo dui, inceptos penatibus feugiat himenaeos\n euismod magna, nec tempor pulvinar eu etiam mattis.\n \n \n \n \n Four\n \n \n Odio placerat quisque sapien sagittis non sociis ligula penatibus\n dignissim vitae, enim vulputate nullam semper potenti etiam volutpat libero.\n \n \n \n \n \n);"
+ },
+ {
+ "name": "Chromatic",
+ "snippet": "const Chromatic = () => {\n const items = ['One', 'Two', 'Three', 'Four'];\n return (\n <>\n
\n \n {items.map((item) => (\n \n \n {item}\n \n \n {item}: Per erat orci nostra luctus sociosqu mus risus penatibus, duis elit vulputate\n viverra integer ullamcorper congue curabitur sociis, nisi malesuada scelerisque quam\n suscipit habitant sed.\n \n \n ))}\n \n \n );\n};"
+ }
+ ],
+ "import": "import { Accordion } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-alertdialog": {
+ "id": "components-alertdialog",
+ "name": "AlertDialog",
+ "path": "./stories/alert-dialog.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n \n delete everything\n \n \n \n Are you sure?\n \n This will do a very dangerous thing. Thar be dragons!\n \n yolo, do it\n maybe not\n \n \n \n);"
+ },
+ {
+ "name": "Controlled",
+ "snippet": "const Controlled = () => {\n const [open, setOpen] = React.useState(false);\n const [housePurchased, setHousePurchased] = React.useState(false);\n\n return (\n
\n
\n \n
\n \n {\n if (housePurchased) {\n e.preventDefault();\n setHousePurchased(false);\n }\n }}\n >\n {housePurchased ? 'You bought the house! Sell it!' : 'Buy this house'}\n \n \n \n \n Are you sure?\n \n Houses are very expensive and it looks like you only have €20 in the bank. Maybe\n consult with a financial advisor?\n \n setHousePurchased(true)}>\n buy it anyway\n \n \n good point, I'll reconsider\n \n \n \n \n
\n \n);"
+ }
+ ],
+ "import": "import { AlertDialog } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-aspectratio": {
+ "id": "components-aspectratio",
+ "name": "AspectRatio",
+ "path": "./stories/aspect-ratio.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n
\n \n);"
+ }
+ ],
+ "import": "import { AspectRatio } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-avatar": {
+ "id": "components-avatar",
+ "name": "Avatar",
+ "path": "./stories/avatar.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n <>\n
\n \n {(src) => (\n \n \n \n JS\n \n \n )}\n \n \n);"
+ }
+ ],
+ "import": "import { Avatar } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-checkbox": {
+ "id": "components-checkbox",
+ "name": "Checkbox",
+ "path": "./stories/checkbox.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n <>\n
This checkbox is nested inside a label. The state is uncontrolled.
\n \n \n \n \n);"
+ }
+ ],
+ "import": "import { Checkbox, Label as LabelPrimitive } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-collapsible": {
+ "id": "components-collapsible",
+ "name": "Collapsible",
+ "path": "./stories/collapsible.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n \n Trigger\n Content 1\n \n);"
+ },
+ {
+ "name": "Controlled",
+ "snippet": "const Controlled = () => {\n const [open, setOpen] = React.useState(false);\n return (\n \n \n {open ? 'close' : 'open'}\n \n \n Content 1\n \n \n );\n};"
+ },
+ {
+ "name": "Animated",
+ "snippet": "const Animated = () => {\n return (\n <>\n
\n \n Trigger\n Content 1\n \n \n);"
+ }
+ ],
+ "import": "import { Collapsible } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-contextmenu": {
+ "id": "components-contextmenu",
+ "name": "ContextMenu",
+ "path": "./stories/context-menu.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n \n \n Right click here\n \n \n console.log('undo')}>\n Undo\n \n console.log('redo')}>\n Redo\n \n \n console.log('cut')}>\n Cut\n \n console.log('copy')}>\n Copy\n \n console.log('paste')}>\n Paste\n \n \n \n \n \n);"
+ },
+ {
+ "name": "Modality",
+ "snippet": "const Modality = () => (\n
\n \n \n \n {' '}\n \n \n Red box menu\n \n console.log('red action1')}>\n Red action 1\n \n console.log('red action2')}>\n Red action 2\n \n \n \n \n Submenu →\n \n \n \n console.log('red sub action 1')}\n >\n Red sub action 1\n \n console.log('red sub action 2')}\n >\n Red sub action 2\n \n \n \n \n \n \n \n \n \n \n \n Blue box menu\n \n console.log('blue action1')}>\n Blue action 1\n \n console.log('blue action2')}>\n Blue action 2\n \n \n \n Submenu →\n \n \n console.log('blue sub action 1')}\n >\n Blue sub action 1\n \n console.log('blue sub action 2')}\n >\n Blue sub action 2\n \n \n \n \n \n \n \n \n
\n);"
+ }
+ ],
+ "import": "import { ContextMenu } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-dialog": {
+ "id": "components-dialog",
+ "name": "Dialog",
+ "path": "./stories/dialog.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n \n open\n \n \n \n Booking info\n Please enter the info for your booking below.\n close\n \n \n \n);"
+ },
+ {
+ "name": "NonModal",
+ "snippet": "const NonModal = () => (\n <>\n \n open (non-modal)\n \n \n event.preventDefault()}\n >\n Booking info\n Description\n close\n \n \n \n\n {Array.from({ length: 5 }, (_, i) => (\n
\n )}\n \n \n \n\n \n \n\n \n\n \n\n \n\n \n\n \n\n \n\n \n \n );\n};"
+ }
+ ],
+ "import": "import { Dialog } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-dropdownmenu": {
+ "id": "components-dropdownmenu",
+ "name": "DropdownMenu",
+ "path": "./stories/dropdown-menu.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n
\n );\n};"
+ }
+ ],
+ "import": "import { Dialog, DropdownMenu, Tooltip } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-form": {
+ "id": "components-form",
+ "name": "Form",
+ "path": "./stories/form.stories.tsx",
+ "stories": [
+ {
+ "name": "Basic",
+ "snippet": "const Basic = () => {\n const [loading, setLoading] = React.useState(false);\n const [serverErrors, setServerErrors] = React.useState<{ email?: boolean; password?: boolean }>(\n {},\n );\n\n return (\n <>\n setServerErrors({})}\n onSubmit={async (event) => {\n const form = event.currentTarget;\n event.preventDefault();\n\n const formData = new FormData(form);\n\n setLoading(true);\n await wait(500);\n setLoading(false);\n\n const errors = new Set();\n if (!(formData.get('email') as string).includes('@gmail.com')) errors.add('email');\n if (!(formData.get('password') as string).includes('#')) errors.add('password');\n\n if (errors.size > 0) {\n setServerErrors(Object.fromEntries([...errors].map((name) => [name, true])));\n return;\n }\n\n window.alert(JSON.stringify(Object.fromEntries(formData), null, 2));\n }}\n >\n \n Email\n setServerErrors((prev) => ({ ...prev, email: false }))}\n />\n \n \n Email is invalid\n \n \n\n \n Password\n setServerErrors((prev) => ({ ...prev, password: false }))}\n />\n Password is required\n value.match(/.*[0-9]+.*/) === null}\n forceMatch={serverErrors.password}\n >\n Password is not complex enough\n \n {serverErrors.password && Woops}\n \n\n Submit\n \n \n \n );\n};"
+ },
+ {
+ "name": "Cypress",
+ "snippet": "const Cypress = () => {\n const [data, setData] = React.useState({});\n const [simulateServerErrors, setSimulateServerErrors] = React.useState(false);\n const [serverErrors, setServerErrors] = React.useState<{\n email?: boolean;\n pin?: boolean;\n global?: boolean;\n }>({});\n\n return (\n <>\n setServerErrors({})}\n onSubmit={async (event) => {\n event.preventDefault();\n\n setData({});\n\n const data = Object.fromEntries(new FormData(event.currentTarget));\n\n if (simulateServerErrors) {\n await wait(100);\n setServerErrors({ email: !data.email, pin: String(data.pin)[3] !== '9', global: true });\n }\n\n setData(data);\n }}\n onReset={() => setData({})}\n >\n \n Name (required)\n \n \n valid!\n \n\n \n Age (0-99)\n \n \n \n \n \n\n \n Email\n \n \n {serverErrors.email ? (\n Email is actually required server side!\n ) : null}\n \n\n \n Password\n \n \n \n \n\n \n Pin (4 digits)\n \n \n \n\n \n Secret 1\n \n value !== 'shush'} />\n \n\n \n Secret 2\n \n {\n await wait(100);\n return value !== 'shush';\n }}\n />\n \n\n \n Country\n \n Country should be \"France\" or \"Spain\"\n \n\n submit\n \n \n
Data: {JSON.stringify(data, null, 2)}
\n\n \n \n );\n};"
+ }
+ ],
+ "import": "import { Form } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-hovercard": {
+ "id": "components-hovercard",
+ "name": "HoverCard",
+ "path": "./stories/hover-card.stories.tsx",
+ "stories": [
+ {
+ "name": "Basic",
+ "snippet": "const Basic = () => {\n return (\n
\n Text selections will be contained within the content. While a selection is active\n the content will not dismiss unless the selection is cleared or an outside\n interaction is performed.\n
\n \n \n \n\n \n \n nested\n \n \n \n \n
\n Text selections will be contained within the content. While a selection is active\n the content will not dismiss unless the selection is cleared or an outside\n interaction is performed.\n
\n\n \n \n nested trigger\n \n \n \n \n
\n Text selections will be contained within the content. While a selection is\n active the content will not dismiss unless the selection is cleared or an\n outside interaction is performed.\n
\n\n \n \n nested trigger\n \n \n \n \n
\n Text selections will be contained within the content. While a selection\n is active the content will not dismiss unless the selection is cleared\n or an outside interaction is performed.\n
\n \n \n \n \n \n \n \n \n \n
\n
\n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat mattis malesuada.\n Fusce elementum vulputate aliquet. Integer fringilla porta eros. Ut ultricies mattis nisi.\n Sed et tempor massa. Sed non arcu ut velit scelerisque bibendum tempor sed mi. In non\n consequat sapien. Donec sollicitudin eget tellus ut venenatis. Donec posuere sem ante, nec\n iaculis arcu varius sit amet. Praesent non tortor quam. Curabitur dapibus justo a commodo\n ornare.\n
\n
\n Suspendisse eleifend consequat iaculis. Nunc bibendum velit felis, nec vulputate purus\n egestas quis. Integer mauris dui, pulvinar non metus id, tristique dignissim elit. Vivamus\n massa tellus, porttitor id lorem non, molestie aliquam dolor. Pellentesque erat quam,\n pellentesque non metus id, tempus sagittis massa.\n
\n
\n Sed at elementum sem, non venenatis leo. Ut vulputate consectetur finibus. Sed nunc\n lectus, accumsan in nisl et, vehicula pretium nisi. Vivamus vestibulum ante quis urna\n consequat, ultrices condimentum sem commodo. Pellentesque eget orci laoreet, feugiat purus\n sed, maximus nisi. Suspendisse commodo venenatis facilisis.\n
\n);"
+ }
+ ],
+ "import": "import { Dialog, HoverCard } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-label": {
+ "id": "components-label",
+ "name": "LabelPrimitive",
+ "path": "./stories/label.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => ;"
+ },
+ {
+ "name": "WithControl",
+ "snippet": "const WithControl = () => {\n return (\n <>\n
Wrapping control
\n \n\n
Referencing control
\n \n \n \n );\n};"
+ },
+ {
+ "name": "WithInputNumber",
+ "snippet": "const WithInputNumber = (_props: any) => {\n return (\n \n );\n};"
+ }
+ ],
+ "import": "import { Label as LabelPrimitive } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-menubar": {
+ "id": "components-menubar",
+ "name": "Menubar",
+ "path": "./stories/menubar.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => {\n const [loop, setLoop] = React.useState(false);\n const [rtl, setRtl] = React.useState(false);\n const dir = rtl ? 'rtl' : 'ltr';\n const checkOptions = [\n 'Always Show Bookmarks Bar',\n 'Always Show Toolbar in Fullscreen',\n 'Always Show Full URLs',\n ];\n const [checkedSelection, setCheckedSelection] = React.useState([checkOptions[1]!]);\n\n const radioOptions = ['Andy', 'Benoît', 'Colm', 'Jenna', 'Pedro'];\n const [radioSelection, setRadioSelection] = React.useState(radioOptions[1]);\n\n return (\n \n
\n );\n};"
+ }
+ ],
+ "import": "import { Menubar } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-navigationmenu": {
+ "id": "components-navigationmenu",
+ "name": "NavigationMenu",
+ "path": "./stories/navigation-menu.stories.tsx",
+ "stories": [
+ {
+ "name": "Basic",
+ "snippet": "const Basic = () => {\n return (\n \n \n \n \n Products\n \n \n \n \n\n \n Company\n \n \n \n \n\n \n Developers\n \n \n \n \n\n \n \n Link\n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "CustomDurations",
+ "snippet": "const CustomDurations = () => {\n return (\n \n
Delay duration
\n
Default (200ms)
\n \n\n
Custom (0ms = instant open)
\n \n\n
Custom (700ms)
\n \n\n
Skip delay duration
\n
Default (300ms to move from one trigger to another)
\n \n\n
Custom (0ms to move from one trigger to another = never skip)
\n \n\n
Custom (2000ms to move from one trigger to another)
\n \n \n );\n};"
+ },
+ {
+ "name": "Viewport",
+ "snippet": "const Viewport = () => {\n return (\n \n \n \n \n Products\n \n \n\n \n \n \n\n \n Company\n \n \n\n \n \n \n\n \n Developers\n \n \n \n \n \n\n \n \n Link\n \n \n\n \n \n \n \n\n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "Submenus",
+ "snippet": "const Submenus = () => {\n return (\n \n \n \n \n Products\n \n \n \n \n \n Extensibility\n \n\n \n \n \n \n \n \n\n \n \n Security\n \n \n \n \n \n \n \n\n \n \n Authentication\n \n\n \n \n \n \n \n \n\n \n \n\n \n \n \n \n\n \n Company\n \n \n \n \n \n Customers\n \n\n \n \n \n \n \n\n \n \n Partners\n \n \n \n \n \n \n\n \n \n Enterprise\n \n\n \n \n \n \n \n\n \n \n\n \n \n \n \n\n \n Developers\n \n \n \n \n \n\n \n \n Link\n \n \n \n\n \n \n \n );\n};"
+ }
+ ],
+ "import": "import { Direction, NavigationMenu } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-onetimepasswordfield": {
+ "id": "components-onetimepasswordfield",
+ "name": "OneTimePasswordField",
+ "path": "./stories/one-time-password-field.stories.tsx",
+ "stories": [
+ {
+ "name": "Uncontrolled",
+ "snippet": "const Uncontrolled = () => ;"
+ },
+ {
+ "name": "Controlled",
+ "snippet": "const Controlled = () => ;"
+ },
+ {
+ "name": "PastedAndDeletedControlled",
+ "snippet": "const PastedAndDeletedControlled = () => ;"
+ },
+ {
+ "name": "PastedAndDeletedUncontrolled",
+ "snippet": "const PastedAndDeletedUncontrolled = () => ;"
+ }
+ ],
+ "import": "import {\n Dialog as DialogPrimitive,\n unstable_OneTimePasswordField as OneTimePasswordField,\n Separator,\n} from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-passwordtogglefield": {
+ "id": "components-passwordtogglefield",
+ "name": "PasswordToggleField.Root",
+ "path": "./stories/password-toggle-field.stories.tsx",
+ "stories": [
+ {
+ "name": "Uncontrolled",
+ "snippet": "const Uncontrolled = () => {\n return (\n
\n {\n event.preventDefault();\n // should be reset on submit, so this should always be hidden\n window.alert(`Submitted! Field is ${visible ? 'visible' : 'hidden'}`);\n inputRef.current?.focus();\n }}>\n updateArgs({ visible })}>\n
\n \n \n }\n hidden={} />\n \n
\n \n \n \n
\n );\n};"
+ }
+ ],
+ "import": "import { unstable_PasswordToggleField as PasswordToggleField } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-popover": {
+ "id": "components-popover",
+ "name": "Popover",
+ "path": "./stories/popover.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => {\n return (\n \n \n open\n \n \n close\n \n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "Boundary",
+ "snippet": "const Boundary = () => {\n const [boundary, setBoundary] = React.useState(null);\n\n return (\n \n \n \n \n \n \n \n out of bound out of bound out of bound out of bound out of bound out of bound out of\n bound out of bound out of bound\n \n \n \n \n );\n};"
+ },
+ {
+ "name": "Modality",
+ "snippet": "const Modality = () => {\n return (\n \n
\n);"
+ }
+ ],
+ "import": "import { Popover } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-progress": {
+ "id": "components-progress",
+ "name": "Progress",
+ "path": "./stories/progress.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => {\n const max = 150;\n const [value, percentage, setValue] = useProgressValueState(0, max);\n const toggleIndeterminate = useIndeterminateToggle(value, setValue);\n return (\n
\n \n /\n \n \n);"
+ }
+ ],
+ "import": "import { Progress } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-radiogroup": {
+ "id": "components-radiogroup",
+ "name": "RadioGroup",
+ "path": "./stories/radio-group.stories.tsx",
+ "stories": [
+ {
+ "name": "LegacyStyled",
+ "snippet": "const LegacyStyled = () => (\n \n);"
+ },
+ {
+ "name": "LegacyControlled",
+ "snippet": "const LegacyControlled = () => {\n const [value, setValue] = React.useState('2');\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n};"
+ },
+ {
+ "name": "LegacyUnset",
+ "snippet": "const LegacyUnset = () => (\n \n);"
+ },
+ {
+ "name": "LegacyWithinForm",
+ "snippet": "const LegacyWithinForm = () => {\n const [data, setData] = React.useState({ optional: '', required: '', stopprop: '' });\n\n return (\n event.preventDefault()}\n onChange={(event) => {\n const radio = event.target as HTMLInputElement;\n setData((prevData) => ({ ...prevData, [radio.name]: radio.value }));\n }}\n >\n \n\n \n \n\n \n\n \n \n\n \n\n \n \n\n \n \n );\n};"
+ },
+ {
+ "name": "LegacyAnimated",
+ "snippet": "const LegacyAnimated = () => {\n const indicatorClass = [styles.indicator, styles.animatedIndicator].join(' ');\n return (\n \n );\n};"
+ },
+ {
+ "name": "LegacyChromatic",
+ "snippet": "const LegacyChromatic = () => {\n const manualFocusRef = React.useRef>(null);\n\n React.useEffect(() => {\n manualFocusRef.current?.focus();\n }, []);\n\n return (\n <>\n
Uncontrolled
\n
Unset
\n \n \n \n \n \n \n \n \n \n \n \n\n
Set
\n \n \n \n \n \n \n \n \n \n \n \n\n
Controlled
\n
Unset
\n \n \n \n \n \n \n \n \n \n \n \n\n
Set
\n \n \n \n \n \n \n \n \n \n \n \n\n
Disabled item
\n \n \n \n \n \n \n \n \n \n \n \n\n
Disabled root
\n \n \n \n \n {/* Not possible to set `disabled` back to `false` since it's set on the root (this item\n should still be disabled). */}\n \n \n \n \n \n \n \n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n );\n};"
+ }
+ ],
+ "import": "import { Direction, Label as LabelPrimitive, RadioGroup } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-scrollarea": {
+ "id": "components-scrollarea",
+ "name": "ScrollArea",
+ "path": "./stories/scroll-area.stories.tsx",
+ "stories": [
+ {
+ "name": "Basic",
+ "snippet": "const Basic = () => {\n const [props, setProps] = React.useState({} as any);\n return (\n
\n );\n};"
+ },
+ {
+ "name": "ChromaticDynamicContentAfterLoaded",
+ "snippet": "const ChromaticDynamicContentAfterLoaded = () => ;"
+ }
+ ],
+ "import": "import { Direction, ScrollArea } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-select": {
+ "id": "components-select",
+ "name": "Select",
+ "path": "./stories/select.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n
\n \n );\n};"
+ }
+ ],
+ "import": "import { Dialog, Select } from \"radix-ui\";\nimport * as React from \"react\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-separator": {
+ "id": "components-separator",
+ "name": "Separator",
+ "path": "./stories/separator.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n <>\n
Horizontal
\n
The following separator is horizontal and has semantic meaning.
\n \n
\n The following separator is horizontal and is purely decorative. Assistive technology will\n ignore this element.\n
\n \n\n
Vertical
\n
\n
The following separator is vertical and has semantic meaning.
\n \n
\n The following separator is vertical and is purely decorative. Assistive technology will\n ignore this element.\n
\n \n
\n \n);"
+ }
+ ],
+ "import": "import { Separator } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-slider": {
+ "id": "components-slider",
+ "name": "Slider",
+ "path": "./stories/slider.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n \n \n \n \n \n \n);"
+ },
+ {
+ "name": "WithOnValueCommit",
+ "snippet": "const WithOnValueCommit = () => (\n <>\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n);"
+ }
+ ],
+ "import": "import { Direction, Slider } from \"radix-ui\";\nimport * as React from \"react\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-switch": {
+ "id": "components-switch",
+ "name": "Switch",
+ "path": "./stories/switch.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n <>\n
This switch is nested inside a label. The state is uncontrolled.
\n \n \n \n \n);"
+ }
+ ],
+ "import": "import { Label as LabelPrimitive, Switch } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-tabs": {
+ "id": "components-tabs",
+ "name": "Tabs",
+ "path": "./stories/tabs.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n <>\n
Horizontal (automatic activation)
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
Vertical (manual activation)
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n \n);"
+ },
+ {
+ "name": "Animated",
+ "snippet": "const Animated = () => (\n <>\n
Horizontal (automatic activation)
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n\n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
Vertical (manual activation)
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n \n);"
+ },
+ {
+ "name": "Chromatic",
+ "snippet": "const Chromatic = () => (\n <>\n
Uncontrolled
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
Controlled
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
Vertical
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
Direction
\n
Prop
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
Inherited
\n \n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem\n himenaeos integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida\n elementum pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n \n\n
Animated
\n
Should not animate on initial mount
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n\n
\n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n Dis metus rhoncus sit convallis sollicitudin vel cum, hac purus tincidunt eros sem himenaeos\n integer, faucibus varius nullam nostra bibendum consectetur mollis, gravida elementum\n pellentesque volutpat dictum ipsum.\n \n \n You'll never find me!\n \n \n Ut nisi elementum metus semper mauris dui fames accumsan aenean, maecenas ac sociis dolor\n quam tempus pretium.\n \n \n \n);"
+ }
+ ],
+ "import": "import { Direction, Tabs } from \"radix-ui\";",
+ "jsDocTags": {},
+ "error": {
+ "name": "Component file in node_modules",
+ "message": "File: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/src/index.ts\nError:\nNo suitable component definition found.\nYou can debug your component file in this playground: https://react-docgen.dev/playground\nCode:\nexport * as AccessibleIcon from '@radix-ui/react-accessible-icon';\nexport * as Accordion from '@radix-ui/react-accordion';\nexport * as AlertDialog from '@radix-ui/react-alert-dialog';\nexport * as AspectRatio from '@radix-ui/react-aspect-ratio';\nexport * as Avatar from '@radix-ui/react-avatar';\nexport * as Checkbox from '@radix-ui/react-checkbox';\nexport * as Collapsible from '@radix-ui/react-collapsible';\nexport * as ContextMenu from '@radix-ui/react-context-menu';\nexport * as Dialog from '@radix-ui/react-dialog';\nexport * as Direction from '@radix-ui/react-direction';\nexport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nexport * as Form from '@radix-ui/react-form';\nexport * as HoverCard from '@radix-ui/react-hover-card';\nexport * as Label from '@radix-ui/react-label';\nexport * as Menubar from '@radix-ui/react-menubar';\nexport * as NavigationMenu from '@radix-ui/react-navigation-menu';\nexport * as unstable_OneTimePasswordField from '@radix-ui/react-one-time-password-field';\nexport * as unstable_PasswordToggleField from '@radix-ui/react-password-toggle-field';\nexport * as Popover from '@radix-ui/react-popover';\nexport * as Portal from '@radix-ui/react-portal';\nexport * as Progress from '@radix-ui/react-progress';\nexport * as RadioGroup from '@radix-ui/react-radio-group';\nexport * as ScrollArea from '@radix-ui/react-scroll-area';\nexport * as Select from '@radix-ui/react-select';\nexport * as Separator from '@radix-ui/react-separator';\nexport * as Slider from '@radix-ui/react-slider';\nexport * as Slot from '@radix-ui/react-slot';\nexport * as Switch from '@radix-ui/react-switch';\nexport * as Tabs from '@radix-ui/react-tabs';\nexport * as Toast from '@radix-ui/react-toast';\nexport * as Toggle from '@radix-ui/react-toggle';\nexport * as ToggleGroup from '@radix-ui/react-toggle-group';\nexport * as Toolbar from '@radix-ui/react-toolbar';\nexport * as Tooltip from '@radix-ui/react-tooltip';\nexport * as VisuallyHidden from '@radix-ui/react-visually-hidden';\n\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accessible-icon/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-accordion/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-alert-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-aspect-ratio/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-avatar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-checkbox/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-collapsible/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-context-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dialog/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-direction/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-dropdown-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-form/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-hover-card/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-label/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-menubar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-navigation-menu/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-one-time-password-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-password-toggle-field/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-popover/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-portal/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-progress/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-radio-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-scroll-area/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-select/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-separator/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slider/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-slot/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-switch/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tabs/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toast/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toggle-group/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-toolbar/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-tooltip/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */\n\nFile: /Users/jeppe/dev/temp/radix-primitives/packages/react/radix-ui/node_modules/@radix-ui/react-visually-hidden/src/index.ts\nError:\nComponent files in node_modules are not supported.\nThe distributed files in node_modules usually don't contain the necessary comments or types needed to analyze component information.\nConfigure TypeScript path aliases to map your package name to the source file instead.\n\nExample (tsconfig.json):\n{\n \"compilerOptions\": {\n \"baseUrl\": \".\",\n \"paths\": {\n \"@design-system/button\": [\"src/components/Button.tsx\"],\n \"@design-system/*\": [\"src/components/*\"]\n }\n }\n}\n\nThen import using:\nimport { Button } from '@design-system/button'\n\nStorybook resolves tsconfig paths automatically.\nCode:\n/* File in node_modules */"
+ }
+ },
+ "components-toast": {
+ "id": "components-toast",
+ "name": "Toast",
+ "path": "./stories/toast.stories.tsx",
+ "stories": [
+ {
+ "name": "Styled",
+ "snippet": "const Styled = () => (\n \n \n \n \n);"
+ },
+ {
+ "name": "Controlled",
+ "snippet": "const Controlled = () => {\n const [hasUpgrade, setHasUpgrade] = React.useState(false);\n const [isSubscribed, setIsSubscribed] = React.useState(false);\n const [savedCount, setSavedCount] = React.useState(0);\n const [errorCount, setErrorCount] = React.useState(0);\n\n React.useEffect(() => {\n if (!hasUpgrade) {\n const timer = window.setTimeout(() => setHasUpgrade(true), 10000);\n return () => window.clearTimeout(timer);\n }\n }, [hasUpgrade]);\n\n return (\n \n \n \n \n \n \n\n {[...Array(errorCount)].map((_, index) => (\n \n There was an error\n console.log('try again')}\n >\n Try again\n \n \n ))}\n\n {[...Array(savedCount)].map((_, index) => (\n \n Successfully saved\n \n ))}\n\n \n \n );\n};"
+ },
+ {
+ "name": "FromDialog",
+ "snippet": "const FromDialog = () => {\n const [open, setOpen] = React.useState(false);\n return (\n \n \n Open\n \n \n Title\n Description\n \n Close\n \n \n\n \n There was an error\n console.log('try again')}\n >\n Try again\n \n \n\n \n \n );\n};"
+ },
+ {
+ "name": "Promise",
+ "snippet": "const Promise = () => {\n const [saving, setSaving] = React.useState(false);\n const [open, setOpen] = React.useState(false);\n\n React.useEffect(() => {\n if (saving) {\n const timer = window.setTimeout(() => setSaving(false), 2000);\n return () => window.clearTimeout(timer);\n }\n }, [saving]);\n\n return (\n \n {\n setSaving(true);\n setOpen(true);\n event.preventDefault();\n }}\n >\n \n \n {saving ? (\n Saving…\n ) : (\n Saved!\n )}\n \n \n\n \n \n );\n};"
+ },
+ {
+ "name": "KeyChange",
+ "snippet": "const KeyChange = () => {\n const [toastOneCount, setToastOneCount] = React.useState(0);\n const [toastTwoCount, setToastTwoCount] = React.useState(0);\n\n return (\n \n \n \n\n {toastOneCount > 0 && (\n \n Toast one\n \n )}\n\n {toastTwoCount > 0 && (\n \n Toast two\n \n )}\n\n \n \n );\n};"
+ },
+ {
+ "name": "PauseResumeProps",
+ "snippet": "const PauseResumeProps = () => {\n const [toastCount, setToastCount] = React.useState(0);\n\n return (\n \n \n\n {[...Array(toastCount)].map((_, index) => (\n \n ))}\n\n \n \n );\n};"
+ },
+ {
+ "name": "Animated",
+ "snippet": "const Animated = () => {\n const [open, setOpen] = React.useState(false);\n const [swipeDirection, setSwipeDirection] = React.useState('right');\n const timerRef = React.useRef(0);\n return (\n \n {\n setOpen(false);\n window.clearTimeout(timerRef.current);\n timerRef.current = window.setTimeout(() => setOpen(true), 150);\n }}\n >\n Open\n \n {\n setSwipeDirection(event.currentTarget.value as Direction);\n }}\n >\n \n \n \n \n \n \n Swipe me {swipeDirection}\n Dismiss\n \n \n \n );\n};"
+ },
+ {
+ "name": "Cypress",
+ "snippet": "const Cypress = () => {\n const [count, setCount] = React.useState(0);\n\n return (\n \n \n \n \n\n {[...Array(count)].map((_, index) => {\n const identifier = index + 1;\n return (\n \n Toast {identifier} title\n \n Toast {identifier} description\n \n\n \n Toast button {identifier}.1\n \n \n Toast button {identifier}.2\n \n \n );\n })}\n \n\n \n \n \n );\n};"
+ },
+ {
+ "name": "Chromatic",
+ "snippet": "const Chromatic = () => {\n const [open, setOpen] = React.useState(true);\n return (\n <>\n
![\"a](\"https://i.ibb.co/K54hsKt/house.jpg\")
\n