@warp-ds/elements 2.10.0 → 2.10.1-next.1

package/dist/docs/index.md

@@ -9,41 +9,41 @@ Generated by `pnpm build:docs`. This file indexes the Markdown documentation shi
 
 | Component | Element / API | Package | Summary | Docs |
 |-|-|-|-|-|
-| Affix | `<w-affix>` | `affix` | This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`. ## Accessibility Note Due to shadow DOM encapsulation, ARIA attributes (like `aria-describedby`, `aria-labelledby`) cannot reference elements across shadow boundaries. This means: - Non-interactive affixes (text labels, icons) cannot be connected to the parent input via ARIA - Interactive affixes (buttons) must have their own `aria-label` (already implemented) - Do NOT attempt to reference affix content from parent components via ARIA ID references - it won't work For non-interactive labels (e.g., currency symbols), consider including the information in the main label or placeholder instead of relying on ARIA to announce affix content. | [affix.md](./affix/affix.md) |
-| Alert | `<w-alert>` | `alert` | Alert is an inline component used for displaying different types of messages. For accessibility reasons, alert should appear close to the element that triggered it. | [alert.md](./alert/alert.md) |
-| Attention | `<w-attention>` | `attention` | Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights. The component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs. Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior. | [attention.md](./attention/attention.md) |
+| Affix | `<w-affix>` | `affix` | This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`. Warp component reference | [affix.md](./affix/affix.md) |
+| Alert | `<w-alert>` | `alert` | Alert is an inline component used for displaying different types of messages. Warp component reference | [alert.md](./alert/alert.md) |
+| Attention | `<w-attention>` | `attention` | Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior. Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights. The component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs. Warp component reference | [attention.md](./attention/attention.md) |
 | Badge | `<w-badge>` | `badge` | `w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count. | [badge.md](./badge/badge.md) |
-| Box | `<w-box>` | `box` | Box is a layout component used for separating content areas on a page. | [box.md](./box/box.md) |
-| Breadcrumb Item | `<w-breadcrumb-item>` | `breadcrumb-item` | Represents one item in a `w-breadcrumbs` trail. Renders the slotted label as a link when `href` is set, or as text when it is not, and adds a separator after non-current items. | [breadcrumb-item.md](./breadcrumb-item/breadcrumb-item.md) |
-| Breadcrumbs | `<w-breadcrumbs>` | `breadcrumbs` | Shows the navigation structure for the current page. Renders direct child links and non-link elements as a breadcrumb trail, inserts separators between items, and exposes the trail as navigation. | [breadcrumbs.md](./breadcrumbs/breadcrumbs.md) |
-| Button | `<w-button>` | `button` | Performs an action or renders a link with button styling. Use button variants to match action priority, risk, and context. | [button.md](./button/button.md) |
-| Card | `<w-card>` | `card` | Card is a layout component used for separating content areas on a page. | [card.md](./card/card.md) |
-| Checkbox | `<w-checkbox>` | `checkbox` | Checkbox lets users select one or more options. Use it for independent yes/no choices, multi-select lists, and terms or consent confirmations. | [checkbox.md](./checkbox/checkbox.md) |
-| Checkbox Group | `<w-checkbox-group>` | `checkbox-group` | Checkboxes allow users to select multiple options from a list of choices. Use with `w-checkbox`. ## Architecture Note This component uses a <div> wrapper instead of the more semantic <fieldset> element. Note that w-radio-group uses <fieldset>, which provides better accessibility and follows HTML best practices. This inconsistency exists for historical reasons and may be addressed in a future major version to align both on the more semantic approach. TODO: Align w-checkbox-group to use <fieldset> in a future major version after assessing backwards compatibility implications (CSS selectors, etc.). | [checkbox-group.md](./checkbox-group/checkbox-group.md) |
-| Combobox | `<w-combobox>` | `combobox` | A combobox element for text input with selectable options. | [combobox.md](./combobox/combobox.md) |
-| Datepicker | `<w-datepicker>` | `datepicker` | An input for dates. Uses the `lang` attribute on either the element or on `<html>` to determine the locale options. | [datepicker.md](./datepicker/datepicker.md) |
-| Expandable | `<w-expandable>` | `expandable` | Expandable is a layout component used for creating expandable content areas on a page. | [expandable.md](./expandable/expandable.md) |
-| Icon | `<w-icon>` | `icon` | See the Icons overview for a list of available icons. Icon names are case sensitive. | [icon.md](./icon/icon.md) |
-| Link | `<w-link>` | `link` | Buttons are used to perform actions, with different visuals for different needs. | [link.md](./link/link.md) |
-| Modal | `<w-modal>` | `modal` | Modals (or dialogs) display important information that users need to acknowledge. | [modal.md](./modal/modal.md) |
-| Modal Footer | `<w-modal-footer>` | `modal-footer` | The footer section of a modal, typically where you place actions. | [modal-footer.md](./modal-footer/modal-footer.md) |
-| Modal Header | `<w-modal-header>` | `modal-header` | The header section of a modal, typically where you place the title and a close button. | [modal-header.md](./modal-header/modal-header.md) |
-| Page Indicator | `<w-page-indicator>` | `page-indicator` | A page indicator component that displays a series of dots representing pages. One dot is highlighted to indicate the currently selected page. | [page-indicator.md](./page-indicator/page-indicator.md) |
-| Pagination | `<w-pagination>` | `pagination` | Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows. | [pagination.md](./pagination/pagination.md) |
-| Pill | `<w-pill>` | `pill` | Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc. | [pill.md](./pill/pill.md) |
-| Radio | `<w-radio>` | `radio` | A radio input typically consists of two components: | [radio.md](./radio/radio.md) |
-| Radio Group | `<w-radio-group>` | `radio-group` | Radios allow users to select a single option from a list of choices. Use with `w-radio`. | [radio-group.md](./radio-group/radio-group.md) |
-| Select | `<w-select>` | `select` | A dropdown component for selecting a single value. | [select.md](./select/select.md) |
-| Slider | `<w-slider>` | `slider` | Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`. | [slider.md](./slider/slider.md) |
+| Box | `<w-box>` | `box` | Box is a layout component used for separating content areas on a page. Warp component reference | [box.md](./box/box.md) |
+| Breadcrumb Item | `<w-breadcrumb-item>` | `breadcrumb-item` | Represents one item in a `w-breadcrumbs` trail. Renders the slotted label as a link when `href` is set, or as text when it is not, and adds a separator after non-current items. Warp component reference | [breadcrumb-item.md](./breadcrumb-item/breadcrumb-item.md) |
+| Breadcrumbs | `<w-breadcrumbs>` | `breadcrumbs` | Shows the navigation structure for the current page. Renders direct child links and non-link elements as a breadcrumb trail, inserts separators between items, and exposes the trail as navigation. Warp component reference | [breadcrumbs.md](./breadcrumbs/breadcrumbs.md) |
+| Button | `<w-button>` | `button` | Performs an action or renders a link with button styling. Use button variants to match action priority, risk, and context. Warp component reference | [button.md](./button/button.md) |
+| Card | `<w-card>` | `card` | Card is a layout component used for separating content areas on a page. Warp component reference | [card.md](./card/card.md) |
+| Checkbox | `<w-checkbox>` | `checkbox` | Checkboxes allow users to select one or more options from a number of choices. Wrap individual checkboxes in a checkbox group. Warp component reference | [checkbox.md](./checkbox/checkbox.md) |
+| Checkbox Group | `<w-checkbox-group>` | `checkbox-group` | Checkboxes allow users to select one or more options from a number of choices. Wrap individual checkboxes in a checkbox group. Warp component reference | [checkbox-group.md](./checkbox-group/checkbox-group.md) |
+| Combobox | `<w-combobox>` | `combobox` | A combobox element for text input with selectable options. Warp component reference | [combobox.md](./combobox/combobox.md) |
+| Datepicker | `<w-datepicker>` | `datepicker` | A date picker allows the user to select a specific calendar date. Warp component reference | [datepicker.md](./datepicker/datepicker.md) |
+| Expandable | `<w-expandable>` | `expandable` | Expandable is a layout component used for creating expandable content areas on a page. Warp component reference | [expandable.md](./expandable/expandable.md) |
+| Icon | `<w-icon>` | `icon` | Warp component reference | [icon.md](./icon/icon.md) |
+| Link | `<w-link>` | `link` | Link component to use when creating links that look like buttons. Warp component reference | [link.md](./link/link.md) |
+| Modal | `<w-modal>` | `modal` | Modals (or dialogs) display important information that users need to acknowledge. Warp component reference | [modal.md](./modal/modal.md) |
+| Modal Footer | `<w-modal-footer>` | `modal-footer` | The footer section of a modal, typically where you place actions. Warp component reference | [modal-footer.md](./modal-footer/modal-footer.md) |
+| Modal Header | `<w-modal-header>` | `modal-header` | The header section of a modal, typically where you place the title and a close button. Warp component reference | [modal-header.md](./modal-header/modal-header.md) |
+| Page Indicator | `<w-page-indicator>` | `page-indicator` | A page indicator component that displays a series of dots representing pages. One dot is highlighted to indicate the currently selected page. Warp component reference | [page-indicator.md](./page-indicator/page-indicator.md) |
+| Pagination | `<w-pagination>` | `pagination` | Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows. Warp component reference | [pagination.md](./pagination/pagination.md) |
+| Pill | `<w-pill>` | `pill` | Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc. Warp component reference | [pill.md](./pill/pill.md) |
+| Radio | `<w-radio>` | `radio` | Radios allow users to select a single option from a list of choices. Wrap individual radio components in a radio group. Warp component reference | [radio.md](./radio/radio.md) |
+| Radio Group | `<w-radio-group>` | `radio-group` | Radios allow users to select a single option from a list of choices. Wrap individual radio components in a radio group. Warp component reference | [radio-group.md](./radio-group/radio-group.md) |
+| Select | `<w-select>` | `select` | A dropdown component for selecting a single value. Warp component reference | [select.md](./select/select.md) |
+| Slider | `<w-slider>` | `slider` | Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`. Warp component reference | [slider.md](./slider/slider.md) |
 | Slider Thumb | `<w-slider-thumb>` | `slider-thumb` | Component to place inside a `<w-slider>`. | [slider-thumb.md](./slider-thumb/slider-thumb.md) |
-| Snackbar | `<w-snackbar>` | `snackbar` | A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo. Include one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages. | [snackbar.md](./snackbar/snackbar.md) |
-| Snackbar Item | `<w-snackbar-item>` | `snackbar-item` | An item to show in a `w-snackbar`. See the `create` function on `w-snackbar` for a convenience API which helps you make snackbar items. | [snackbar-item.md](./snackbar-item/snackbar-item.md) |
-| Step | `<w-step>` | `step` | Individual step component that shows a single step in a process | [step.md](./step/step.md) |
-| Step Indicator | `<w-step-indicator>` | `step-indicator` | Steps are used to show progress through a process or to guide users through a multi-step task. | [step-indicator.md](./step-indicator/step-indicator.md) |
-| Switch | `<w-switch>` | `switch` | The Switch component allows users to toggle between two states. | [switch.md](./switch/switch.md) |
-| Tab | `<w-tab>` | `tab` | Individual tab component used within w-tabs container. | [tab.md](./tab/tab.md) |
-| Tab Panel | `<w-tab-panel>` | `tab-panel` | Tab panel component that holds content for individual tabs. Each tab panel should have a name that matches a corresponding tab. | [tab-panel.md](./tab-panel/tab-panel.md) |
-| Tabs | `<w-tabs>` | `tabs` | Tabs are used to organize content by grouping similar information on the same page. | [tabs.md](./tabs/tabs.md) |
-| Textarea | `<w-textarea>` | `textarea` | A multi-line text input with built-in form validation, auto-resizing, and styling support. The component automatically handles: - Form integration - Auto-resizing based on content and row constraints - Built-in validation with customizable error messages - Accessibility attributes and labeling | [textarea.md](./textarea/textarea.md) |
-| Textfield | `<w-textfield>` | `textfield` | A single-line input component used for entering and editing textual or numeric data. | [textfield.md](./textfield/textfield.md) |
+| Snackbar | `<w-snackbar>` | `snackbar` | A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo. Include one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages. Warp component reference | [snackbar.md](./snackbar/snackbar.md) |
+| Snackbar Item | `<w-snackbar-item>` | `snackbar-item` | An item to show in a `w-snackbar`. See the `create` function on `w-snackbar` for a convenience API which helps you make snackbar items. Warp component reference | [snackbar-item.md](./snackbar-item/snackbar-item.md) |
+| Step | `<w-step>` | `step` | Individual step component that shows a single step in a process. Warp component reference | [step.md](./step/step.md) |
+| Step Indicator | `<w-step-indicator>` | `step-indicator` | Steps are used to show progress through a process or to guide users through a multi-step task. Warp component reference | [step-indicator.md](./step-indicator/step-indicator.md) |
+| Switch | `<w-switch>` | `switch` | The Switch component allows users to toggle between two states. Warp component reference | [switch.md](./switch/switch.md) |
+| Tab | `<w-tab>` | `tab` | Individual tab component used within w-tabs container. Warp component reference | [tab.md](./tab/tab.md) |
+| Tab Panel | `<w-tab-panel>` | `tab-panel` | Tab panel component that holds content for individual tabs. Each tab panel should have a name that matches a corresponding tab. Warp component reference | [tab-panel.md](./tab-panel/tab-panel.md) |
+| Tabs | `<w-tabs>` | `tabs` | Tabs are used to organize content by grouping similar information on the same page. Warp component reference | [tabs.md](./tabs/tabs.md) |
+| Textarea | `<w-textarea>` | `textarea` | A multi-line text input with built-in form validation, auto-resizing, and styling support. Warp component reference | [textarea.md](./textarea/textarea.md) |
+| Textfield | `<w-textfield>` | `textfield` | A single-line input component used for entering and editing textual or numeric data. Warp component reference | [textfield.md](./textfield/textfield.md) |
 | Toast | `@warp-ds/elements/toast` | `toast` | Toasts are brief user feedback messages that overlay content. | [toast.md](./toast/toast.md) |

package/dist/docs/link/link.md

@@ -2,7 +2,9 @@
 
 ## Description
 
-Buttons are used to perform actions, with different visuals for different needs.
+Link component to use when creating links that look like buttons.
+
+[Warp component reference](https://warp-ds.github.io/docs/components/link/frameworks/elements)
 
 ## Usage
 

package/dist/docs/modal/modal.md

@@ -4,6 +4,8 @@
 
 Modals (or dialogs) display important information that users need to acknowledge.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
+
 ## Usage
 
 To creat a modal you need three different components:

package/dist/docs/modal-footer/modal-footer.md

@@ -4,6 +4,8 @@
 
 The footer section of a modal, typically where you place actions.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
+
 ### `<w-modal-footer>` API
 
 #### Properties

package/dist/docs/modal-header/modal-header.md

@@ -4,6 +4,8 @@
 
 The header section of a modal, typically where you place the title and a close button.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/modal/frameworks/elements)
+
 ### `<w-modal-header>` API
 
 #### Properties

package/dist/docs/page-indicator/page-indicator.md

@@ -6,6 +6,8 @@ A page indicator component that displays a series of dots representing pages.
 
 One dot is highlighted to indicate the currently selected page.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/page-indicator/frameworks/elements)
+
 ## Usage
 
 <elements-example>

package/dist/docs/pagination/pagination.md

@@ -4,6 +4,8 @@
 
 Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/pagination/frameworks/elements)
+
 ## Usage
 
 

package/dist/docs/pill/pill.md

@@ -4,6 +4,8 @@
 
 Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/pill/frameworks/elements)
+
 ## Usage
 
 <elements-example>

package/dist/docs/radio/radio.md

@@ -2,7 +2,11 @@
 
 ## Description
 
-A radio input typically consists of two components:
+Radios allow users to select a single option from a list of choices.
+
+Wrap individual radio components in a radio group.
+
+[Warp component reference](https://warp-ds.github.io/docs/components/radio/frameworks/elements)
 
 ### `<w-radio>` API
 

package/dist/docs/radio-group/radio-group.md

@@ -4,7 +4,9 @@
 
 Radios allow users to select a single option from a list of choices.
 
-Use with `w-radio`.
+Wrap individual radio components in a radio group.
+
+[Warp component reference](https://warp-ds.github.io/docs/components/radio/frameworks/elements)
 
 ## Usage
 

package/dist/docs/select/select.md

@@ -4,6 +4,8 @@
 
 A dropdown component for selecting a single value.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/select/frameworks/elements)
+
 ## Usage
 
 <elements-example>

package/dist/docs/slider/slider.md

@@ -4,6 +4,8 @@
 
 Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/slider/frameworks/elements)
+
 ## Usage
 
 A slider consists of two custom elements that work together:

package/dist/docs/snackbar/snackbar.md

@@ -6,6 +6,8 @@ A Snackbar shows brief user feedback messages that overlay content, with an opti
 
 Include one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)
+
 ## Usage
 
 Add `<w-snackbar>` as a direct child of `<body>`.

package/dist/docs/snackbar-item/snackbar-item.md

@@ -6,6 +6,8 @@ An item to show in a `w-snackbar`.
 
 See the `create` function on `w-snackbar` for a convenience API which helps you make snackbar items.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)
+
 ### `<w-snackbar-item>` API
 
 #### Properties

package/dist/docs/step/step.md

@@ -2,7 +2,9 @@
 
 ## Description
 
-Individual step component that shows a single step in a process
+Individual step component that shows a single step in a process.
+
+[Warp component reference](https://warp-ds.github.io/docs/components/steps/frameworks/elements)
 
 ### `<w-step>` API
 

package/dist/docs/step-indicator/step-indicator.md

@@ -4,6 +4,8 @@
 
 Steps are used to show progress through a process or to guide users through a multi-step task.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/steps/frameworks/elements)
+
 ## Usage
 
 The steps component consists of two custom elements that work together:

package/dist/docs/switch/switch.md

@@ -4,6 +4,8 @@
 
 The Switch component allows users to toggle between two states.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/switch/frameworks/elements)
+
 ## Usage
 
 `<w-switch>` is a form-associated toggle component.

package/dist/docs/tab/tab.md

@@ -4,6 +4,8 @@
 
 Individual tab component used within w-tabs container.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/tabs/frameworks/elements)
+
 ### `<w-tab>` API
 
 #### Properties

package/dist/docs/tab-panel/tab-panel.md

@@ -3,8 +3,11 @@
 ## Description
 
 Tab panel component that holds content for individual tabs.
+
 Each tab panel should have a name that matches a corresponding tab.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/tabs/frameworks/elements)
+
 ### `<w-tab-panel>` API
 
 #### Properties

package/dist/docs/tabs/api.md

@@ -21,7 +21,7 @@ The `id` of the panel that should be active.
 
 #### change
 
-Includes `details.panelId` with the now active tab's ID
+Includes `details.panelId` with the now active tab panel's ID
 
 - Type: `WarpTabsChangeEvent`
 

package/dist/docs/tabs/tabs.md

@@ -4,6 +4,8 @@
 
 Tabs are used to organize content by grouping similar information on the same page.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/tabs/frameworks/elements)
+
 ## Usage
 
 The tabs component consists of three custom elements that work together:
@@ -122,7 +124,7 @@ The `id` of the panel that should be active.
 
 #### change
 
-Includes `details.panelId` with the now active tab's ID
+Includes `details.panelId` with the now active tab panel's ID
 
 - Type: `WarpTabsChangeEvent`
 

package/dist/docs/textarea/textarea.md

@@ -4,11 +4,7 @@
 
 A multi-line text input with built-in form validation, auto-resizing, and styling support.
 
-The component automatically handles:
- - Form integration
- - Auto-resizing based on content and row constraints
- - Built-in validation with customizable error messages
- - Accessibility attributes and labeling
+[Warp component reference](https://warp-ds.github.io/docs/components/text-area/frameworks/elements)
 
 ## Usage
 

package/dist/docs/textfield/textfield.md

@@ -4,6 +4,8 @@
 
 A single-line input component used for entering and editing textual or numeric data.
 
+[Warp component reference](https://warp-ds.github.io/docs/components/text-area/frameworks/elements)
+
 ## Usage
 
 <elements-example>

package/dist/entrypoint-react.d.ts

@@ -0,0 +1,38 @@
+/** Entrypoint for all the React wrappers so users can import several components from the same import statement. */
+export * from "./packages/affix/react.js";
+export * from "./packages/alert/react.js";
+export * from "./packages/attention/react.js";
+export * from "./packages/badge/react.js";
+export * from "./packages/box/react.js";
+export * from "./packages/breadcrumb-item/react.js";
+export * from "./packages/breadcrumbs/react.js";
+export * from "./packages/button/react.js";
+export * from "./packages/card/react.js";
+export * from "./packages/checkbox/react.js";
+export * from "./packages/checkbox-group/react.js";
+export * from "./packages/combobox/react.js";
+export * from "./packages/datepicker/react.js";
+export * from "./packages/expandable/react.js";
+export * from "./packages/icon/react.js";
+export * from "./packages/link/react.js";
+export * from "./packages/modal/react.js";
+export * from "./packages/modal-footer/react.js";
+export * from "./packages/modal-header/react.js";
+export * from "./packages/page-indicator/react.js";
+export * from "./packages/pagination/react.js";
+export * from "./packages/pill/react.js";
+export * from "./packages/radio/react.js";
+export * from "./packages/radio-group/react.js";
+export * from "./packages/select/react.js";
+export * from "./packages/slider/react.js";
+export * from "./packages/slider-thumb/react.js";
+export * from "./packages/snackbar/react.js";
+export * from "./packages/snackbar-item/react.js";
+export * from "./packages/step/react.js";
+export * from "./packages/step-indicator/react.js";
+export * from "./packages/switch/react.js";
+export * from "./packages/tab/react.js";
+export * from "./packages/tab-panel/react.js";
+export * from "./packages/tabs/react.js";
+export * from "./packages/textarea/react.js";
+export * from "./packages/textfield/react.js";

package/dist/entrypoint-react.js

@@ -0,0 +1,39 @@
+/** Entrypoint for all the React wrappers so users can import several components from the same import statement. */
+export * from "./packages/affix/react.js";
+export * from "./packages/alert/react.js";
+export * from "./packages/attention/react.js";
+export * from "./packages/badge/react.js";
+export * from "./packages/box/react.js";
+export * from "./packages/breadcrumb-item/react.js";
+export * from "./packages/breadcrumbs/react.js";
+export * from "./packages/button/react.js";
+export * from "./packages/card/react.js";
+export * from "./packages/checkbox/react.js";
+export * from "./packages/checkbox-group/react.js";
+export * from "./packages/combobox/react.js";
+export * from "./packages/datepicker/react.js";
+// export * from "./packages/dead-toggle/react.js";
+export * from "./packages/expandable/react.js";
+export * from "./packages/icon/react.js";
+export * from "./packages/link/react.js";
+export * from "./packages/modal/react.js";
+export * from "./packages/modal-footer/react.js";
+export * from "./packages/modal-header/react.js";
+export * from "./packages/page-indicator/react.js";
+export * from "./packages/pagination/react.js";
+export * from "./packages/pill/react.js";
+export * from "./packages/radio/react.js";
+export * from "./packages/radio-group/react.js";
+export * from "./packages/select/react.js";
+export * from "./packages/slider/react.js";
+export * from "./packages/slider-thumb/react.js";
+export * from "./packages/snackbar/react.js";
+export * from "./packages/snackbar-item/react.js";
+export * from "./packages/step/react.js";
+export * from "./packages/step-indicator/react.js";
+export * from "./packages/switch/react.js";
+export * from "./packages/tab/react.js";
+export * from "./packages/tab-panel/react.js";
+export * from "./packages/tabs/react.js";
+export * from "./packages/textarea/react.js";
+export * from "./packages/textfield/react.js";