@amsterdam/design-system-react 0.16.0 → 1.0.0

package/dist/SearchField/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { SearchField } from './SearchField';

package/dist/Select/Select.d.ts

@@ -7,6 +7,9 @@ export type SelectProps = {
     /** Whether the value fails a validation rule. */
     invalid?: boolean;
 } & PropsWithChildren<Omit<SelectHTMLAttributes<HTMLSelectElement>, 'aria-invalid'>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-select--docs Select docs at Amsterdam Design System}
+ */
 export declare const Select: import("react").ForwardRefExoticComponent<{
     /** Whether the value fails a validation rule. */
     invalid?: boolean;

package/dist/Select/Select.js

@@ -9,4 +9,7 @@ import { SelectOption } from './SelectOption';
 import { SelectOptionGroup } from './SelectOptionGroup';
 const SelectRoot = forwardRef(({ children, className, invalid, ...restProps }, ref) => (_jsx("select", { ...restProps, "aria-invalid": invalid || undefined, className: clsx('ams-select', className), ref: ref, children: children })));
 SelectRoot.displayName = 'Select';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-select--docs Select docs at Amsterdam Design System}
+ */
 export const Select = Object.assign(SelectRoot, { Group: SelectOptionGroup, Option: SelectOption });

package/dist/Select/Select.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Select/Select.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Select } from './Select';

package/dist/Select/SelectOption.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Select/SelectOption.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Select } from './Select';

package/dist/Select/SelectOptionGroup.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Select/SelectOptionGroup.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Select } from './Select';

package/dist/Select/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Select } from './Select';
 export type { SelectProps } from './Select';
 export type { SelectOptionProps } from './SelectOption';

package/dist/Select/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Select } from './Select';

package/dist/SkipLink/SkipLink.d.ts

@@ -4,6 +4,9 @@
  */
 import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';
 export type SkipLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
+ */
 export declare const SkipLink: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/SkipLink/SkipLink.js

@@ -5,5 +5,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
+ */
 export const SkipLink = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("a", { ...restProps, className: clsx('ams-skip-link', 'ams-visually-hidden', className), ref: ref, children: children })));
 SkipLink.displayName = 'SkipLink';

package/dist/SkipLink/SkipLink.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/SkipLink/SkipLink.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { SkipLink } from './SkipLink';

package/dist/SkipLink/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { SkipLink } from './SkipLink';
 export type { SkipLinkProps } from './SkipLink';

package/dist/SkipLink/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { SkipLink } from './SkipLink';

package/dist/Spotlight/Spotlight.d.ts

@@ -13,6 +13,9 @@ export type SpotlightProps = {
     /** The background colour. */
     color?: SpotlightColor;
 } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
+ */
 export declare const Spotlight: import("react").ForwardRefExoticComponent<{
     /** The HTML element to use. */
     as?: SpotlightTag;

package/dist/Spotlight/Spotlight.js

@@ -7,5 +7,8 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 export const spotlightTags = ['article', 'aside', 'div', 'footer', 'section'];
 export const spotlightColors = ['azure', 'green', 'lime', 'magenta', 'orange', 'yellow'];
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
+ */
 export const Spotlight = forwardRef(({ as: Tag = 'div', children, className, color, ...restProps }, ref) => (_jsx(Tag, { ...restProps, className: clsx('ams-spotlight', color && `ams-spotlight--${color}`, className), ref: ref, children: children })));
 Spotlight.displayName = 'Spotlight';

package/dist/Spotlight/Spotlight.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Spotlight/Spotlight.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Spotlight, spotlightColors, spotlightTags } from './Spotlight';

package/dist/Spotlight/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Spotlight } from './Spotlight';
 export type { SpotlightProps } from './Spotlight';

package/dist/Spotlight/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Spotlight } from './Spotlight';

package/dist/StandaloneLink/StandaloneLink.d.ts

@@ -9,6 +9,9 @@ export type StandaloneLinkProps = {
     /** Adds an icon to the link, showing it before the link text. */
     icon?: Function;
 } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
+ */
 export declare const StandaloneLink: import("react").ForwardRefExoticComponent<{
     /** Changes the text colour for readability on a light or dark background. */
     color?: "contrast" | "inverse";

package/dist/StandaloneLink/StandaloneLink.js

@@ -6,5 +6,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Icon } from '../Icon';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
+ */
 export const StandaloneLink = forwardRef(({ children, className, color, icon, ...restProps }, ref) => (_jsxs("a", { ...restProps, className: clsx('ams-standalone-link', color && `ams-standalone-link--${color}`, icon && 'ams-standalone-link--with-icon', className), ref: ref, children: [icon && _jsx(Icon, { svg: icon }), children] })));
 StandaloneLink.displayName = 'StandaloneLink';

package/dist/StandaloneLink/StandaloneLink.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/StandaloneLink/StandaloneLink.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { StandaloneLink } from './StandaloneLink';

package/dist/StandaloneLink/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { StandaloneLink } from './StandaloneLink';
 export type { StandaloneLinkProps } from './StandaloneLink';

package/dist/StandaloneLink/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { StandaloneLink } from './StandaloneLink';

package/dist/Switch/Switch.d.ts

@@ -4,6 +4,9 @@
  */
 import type { InputHTMLAttributes, PropsWithChildren } from 'react';
 export type SwitchProps = PropsWithChildren<InputHTMLAttributes<HTMLInputElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
+ */
 export declare const Switch: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Switch/Switch.js

@@ -5,6 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import clsx from 'clsx';
 import { forwardRef, useId } from 'react';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
+ */
 export const Switch = forwardRef(({ className, id, ...restProps }, ref) => {
     const inputId = id || useId();
     return (_jsxs("div", { className: clsx('ams-switch', className), children: [_jsx("input", { ...restProps, className: "ams-switch__input", id: inputId, ref: ref, role: "switch", type: "checkbox" }), _jsx("label", { className: "ams-switch__label", htmlFor: inputId })] }));

package/dist/Switch/Switch.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Switch/Switch.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Switch } from './Switch';

package/dist/Switch/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Switch } from './Switch';
 export type { SwitchProps } from './Switch';

package/dist/Switch/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Switch } from './Switch';

package/dist/Table/Table.d.ts

@@ -4,6 +4,9 @@
  */
 import type { PropsWithChildren, TableHTMLAttributes } from 'react';
 export type TableProps = PropsWithChildren<TableHTMLAttributes<HTMLTableElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
+ */
 export declare const Table: import("react").ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLTableElement>> & {

package/dist/Table/Table.js

@@ -14,6 +14,9 @@ import { TableHeaderCell } from './TableHeaderCell';
 import { TableRow } from './TableRow';
 const TableRoot = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("div", { className: "ams-table", children: _jsx("table", { ...restProps, className: clsx('ams-table__table', className), ref: ref, children: children }) })));
 TableRoot.displayName = 'Table';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
+ */
 export const Table = Object.assign(TableRoot, {
     Body: TableBody,
     Caption: TableCaption,

package/dist/Table/Table.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/Table.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableBody.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableBody.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableCaption.d.ts

@@ -1,6 +1,5 @@
 /**
- * @license EUPL-1.2
- * Copyright (c) 2022 Robbert Broersma
+ * @license EUPL-1.2+
  * Copyright Gemeente Amsterdam
  */
 import type { HTMLAttributes, PropsWithChildren } from 'react';

package/dist/Table/TableCaption.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 /**
  * @license EUPL-1.2
  * Copyright (c) 2022 Robbert Broersma

package/dist/Table/TableCaption.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableCaption.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableCell.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableCell.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableFooter.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableFooter.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableHeader.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableHeader.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableHeaderCell.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableHeaderCell.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/TableRow.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/Table/TableRow.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { Table } from './Table';

package/dist/Table/index.d.ts

@@ -1,2 +1,6 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Table } from './Table';
 export type { TableProps } from './Table';

package/dist/Table/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { Table } from './Table';

package/dist/TableOfContents/TableOfContents.d.ts

@@ -13,6 +13,9 @@ export type TableOfContentsProps = {
      */
     headingLevel?: HeadingProps['level'];
 } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
+ */
 export declare const TableOfContents: import("react").ForwardRefExoticComponent<{
     /** The text for the Heading. */
     heading?: string;

package/dist/TableOfContents/TableOfContents.js

@@ -12,6 +12,9 @@ const TableOfContentsRoot = forwardRef(({ children, className, heading, headingL
     return (_jsxs("nav", { ...restProps, className: clsx('ams-table-of-contents', className), ref: ref, children: [heading && (_jsx(Heading, { className: "ams-table-of-contents__heading", level: headingLevel, size: "level-4", children: heading })), children] }));
 });
 TableOfContentsRoot.displayName = 'TableOfContents';
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
+ */
 export const TableOfContents = Object.assign(TableOfContentsRoot, {
     Link: TableOfContentsLink,
     List: TableOfContentsList,

package/dist/TableOfContents/TableOfContents.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/TableOfContents/TableOfContents.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { TableOfContents } from './TableOfContents';

package/dist/TableOfContents/TableOfContentsLink.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/TableOfContents/TableOfContentsLink.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';

package/dist/TableOfContents/TableOfContentsList.test.d.ts

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import '@testing-library/jest-dom';

package/dist/TableOfContents/TableOfContentsList.test.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 import { render, screen } from '@testing-library/react';
 import { createRef } from 'react';
 import { TableOfContents } from './TableOfContents';

package/dist/TableOfContents/index.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { TableOfContents } from './TableOfContents';
 export type { TableOfContentsProps } from './TableOfContents';
 export type { TableOfContentsLinkProps } from './TableOfContentsLink';

package/dist/TableOfContents/index.js

@@ -1 +1,5 @@
+/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */
 export { TableOfContents } from './TableOfContents';

package/dist/Tabs/Tabs.d.ts

@@ -8,6 +8,9 @@ export type TabsProps = {
     activeTab?: string;
     onTabChange?: (panelId: string) => void;
 } & PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+/**
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
+ */
 export declare const Tabs: import("react").ForwardRefExoticComponent<{
     /** The identifier of the initially active Tab. Corresponds to its Panel `id` value. */
     activeTab?: string;