@digdir/designsystemet-react 1.20.0 → 1.21.0

package/dist/cjs/components/table/table.js

@@ -1,37 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Table component, used to display tabular data. Renders a native HTML table element.
- *
- * @example
- * <Table>
- *   <Table.Head>
- *     <Table.Row>
- *       <Table.HeaderCell>Name</Table.HeaderCell>
- *       <Table.HeaderCell>Age</Table.HeaderCell>
- *     </Table.Row>
- *   </Table.Head>
- *   <Table.Body>
- *     <Table.Row>
- *       <Table.Cell>John</Table.Cell>
- *       <Table.Cell>25</Table.Cell>
- *     </Table.Row>
- *   </Table.Body>
- *   <Table.Foot>
- *     <Table.Row>
- *       <Table.Cell>Total</Table.Cell>
- *       <Table.Cell>2</Table.Cell>
- *     </Table.Row>
- *   </Table.Foot>
- * </Table>
- */
-const Table = react.forwardRef(function Table({ zebra = false, stickyHeader = false, border = false, hover = false, className, children, ...rest }, ref) {
-    return (jsxRuntime.jsx("table", { className: cl('ds-table', className), "data-border": border || undefined, "data-hover": hover || undefined, "data-sticky-header": stickyHeader || undefined, "data-zebra": zebra || undefined, ref: ref, ...rest, children: children }));
-});
-
-exports.Table = Table;

package/dist/cjs/components/tabs/index.js

@@ -1,36 +0,0 @@
-'use client';
-'use strict';
-
-var tabs = require('./tabs.js');
-var tabsList = require('./tabs-list.js');
-var tabsPanel = require('./tabs-panel.js');
-var tabsTab = require('./tabs-tab.js');
-
-/**
- * Display a group of tabs that can be toggled between.
- *
- * @example
- * <Tabs onChange={(value) => console.log(value)}>
- *   <Tabs.List>
- *     <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- *     <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
- *     <Tabs.Tab value='3'>Tab 3</Tabs.Tab>
- *   </Tabs.List>
- *   <Tabs.Panel value='1'>content 1</Tabs.Panel>
- *   <Tabs.Panel value='2'>content 2</Tabs.Panel>
- *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
- * </Tabs>
- */
-const TabsComponent = Object.assign(tabs.Tabs, {
-    List: tabsList.TabsList,
-    Tab: tabsTab.TabsTab,
-    Panel: tabsPanel.TabsPanel,
-});
-TabsComponent.Tab.displayName = 'Tabs.Tab';
-TabsComponent.List.displayName = 'Tabs.List';
-TabsComponent.Panel.displayName = 'Tabs.Panel';
-
-exports.TabsList = tabsList.TabsList;
-exports.TabsPanel = tabsPanel.TabsPanel;
-exports.TabsTab = tabsTab.TabsTab;
-exports.Tabs = TabsComponent;

package/dist/cjs/components/tabs/tabs-list.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('@digdir/designsystemet-web');
-var react = require('react');
-
-/**
- * The container for all `Tab` components.
- *
- * @example
- * <TabsList>
- *  <TabsTab value='1'>Tab 1</TabsTab>
- *  <TabsTab value='2'>Tab 2</TabsTab>
- * </TabsList>
- */
-const TabsList = react.forwardRef(function TabsList({ className, children, ...rest }, ref) {
-    return (jsxRuntime.jsx("ds-tablist", { suppressHydrationWarning // Since <ds-tablist> adds attributes
-        : true, ref: ref, class: className, ...rest, children: children }));
-});
-
-exports.TabsList = TabsList;

package/dist/cjs/components/tabs/tabs-panel.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('@digdir/designsystemet-web');
-var react = require('react');
-var tabs = require('./tabs.js');
-
-/**
- * A single content item in a Tabs component.
- *
- * @example
- * <TabsPanel value='1'>content 1</TabsPanel>
- */
-const TabsPanel = react.forwardRef(function TabsPanel({ children, value, id, className, ...rest }, ref) {
-    const { getPrefixedValue } = react.useContext(tabs.Context);
-    return (jsxRuntime.jsx("ds-tabpanel", { suppressHydrationWarning // Since <ds-tablist> adds attributes
-        : true, ref: ref, id: id ?? getPrefixedValue?.(value), class: className, ...rest, children: children }));
-});
-
-exports.TabsPanel = TabsPanel;

package/dist/cjs/components/tabs/tabs-tab.js

@@ -1,29 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('@digdir/designsystemet-web');
-var react = require('react');
-var tabs = require('./tabs.js');
-
-/**
- * A single item in a Tabs component.
- *
- * @example
- * <TabsTab value='1'>Tab 1</TabsTab>
- */
-const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
-    const { onChange, getPrefixedValue, isControlled, currentValue } = react.useContext(tabs.Context);
-    return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "aria-selected": `${currentValue === value}`, "data-value": value, ref: ref, role: 'tab', suppressHydrationWarning // Since <ds-tablist> adds attributes
-        : true, onClickCapture: (e) => {
-            onClickCapture?.(e);
-            if (isControlled && currentValue !== value)
-                e.preventDefault(); // In controlled mode, prevent click in event capture phase
-        }, onClick: (e) => {
-            if (currentValue !== value)
-                onChange?.(value); // Only call onChange when actual value change
-            onClick?.(e);
-        }, class: className, ...rest, children: rest.children }));
-});
-
-exports.TabsTab = TabsTab;

package/dist/cjs/components/tabs/tabs.js

@@ -1,50 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('@digdir/designsystemet-web');
-var cl = require('clsx/lite');
-var react = require('react');
-var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
-
-const Context = react.createContext({});
-/**
- * Display a group of tabs that can be toggled between.
- *
- * @example
- * <Tabs onChange={(value) => console.log(value)}>
- *   <Tabs.List>
- *     <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- *     <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
- *     <Tabs.Tab value='3'>Tab 3</Tabs.Tab>
- *   </Tabs.List>
- *   <Tabs.Panel value='1'>content 1</Tabs.Panel>
- *   <Tabs.Panel value='2'>content 2</Tabs.Panel>
- *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
- * </Tabs>
- */
-const Tabs = react.forwardRef(function Tabs({ value, defaultValue, className, onChange, ...rest }, ref) {
-    const isControlled = value !== undefined;
-    const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
-    const tabsRef = react.useRef(null);
-    const valuePrefix = react.useId(); // Used to generate unique value-based ids for tabs and panels
-    const mergedRefs = useMergeRefs.useMergeRefs([ref, tabsRef]);
-    let onValueChange = onChange;
-    if (!isControlled) {
-        onValueChange = (newValue) => {
-            setUncontrolledValue(newValue);
-            onChange?.(newValue);
-        };
-        value = uncontrolledValue;
-    }
-    return (jsxRuntime.jsx(Context.Provider, { value: {
-            isControlled,
-            currentValue: value,
-            onChange: onValueChange,
-            getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,
-        }, children: jsxRuntime.jsx("ds-tabs", { suppressHydrationWarning // Since <ds-tablist> adds attributes
-            : true, ref: mergedRefs, class: cl('ds-tabs', className), ...rest }) }));
-});
-
-exports.Context = Context;
-exports.Tabs = Tabs;

package/dist/cjs/components/tag/tag.js

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Use `Tag` to display categories or statuses.
- *
- * @example
- * <Tag>Melk</Tag>
- */
-const Tag = react.forwardRef(function Tag({ className, variant, ...rest }, ref) {
-    return (jsxRuntime.jsx("span", { className: cl('ds-tag', className), ref: ref, "data-variant": variant, ...rest }));
-});
-
-exports.Tag = Tag;

package/dist/cjs/components/textarea/textarea.js

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Native HTML textarea element.
- *
- * @example
- * <Textarea />
- */
-const Textarea = react.forwardRef(function Textarea({ className, ...rest }, ref) {
-    return (jsxRuntime.jsx("textarea", { className: cl('ds-input', className), ref: ref, ...rest }));
-});
-
-exports.Textarea = Textarea;

package/dist/cjs/components/textfield/textfield.js

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var index = require('../field/index.js');
-var input = require('../input/input.js');
-var label = require('../label/label.js');
-var textarea = require('../textarea/textarea.js');
-var validationMessage = require('../validation-message/validation-message.js');
-var fieldDescription = require('../field/field-description.js');
-var fieldAffix = require('../field/field-affix.js');
-
-/**
- *  Composed text input component using `Field`
- *
- * `classname` & `style` are passed to the wrapper elements.
- *
- * Rest props are passed to the `Input` or `Textarea` component.
- * @example
- * <Textfield label="Textfield label">
- */
-const Textfield = react.forwardRef(function Textfield({ label: label$1, description, error, multiline, prefix, suffix, 'data-color': color, 'data-size': size, counter, style, className, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { className: className, "data-color": color, "data-size": size, style: style, children: [!!label$1 && jsxRuntime.jsx(label.Label, { children: label$1 }), !!description && jsxRuntime.jsx(fieldDescription.FieldDescription, { children: description }), jsxRuntime.jsxs(fieldAffix.FieldAffixes, { children: [prefix === undefined || jsxRuntime.jsx(fieldAffix.FieldAffix, { children: prefix }), multiline === true ? (jsxRuntime.jsx(textarea.Textarea, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })) : (jsxRuntime.jsx(input.Input, { ref: ref, "aria-invalid": Boolean(error) || undefined, ...rest })), suffix === undefined || jsxRuntime.jsx(fieldAffix.FieldAffix, { children: suffix })] }), !!counter && (jsxRuntime.jsx(index.Field.Counter, { ...(typeof counter === 'number' ? { limit: counter } : counter) })), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
-});
-
-exports.Textfield = Textfield;

package/dist/cjs/components/toggle-group/index.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var toggleGroup = require('./toggle-group.js');
-var toggleGroupItem = require('./toggle-group-item.js');
-
-/**
- * Display a group of buttons that can be toggled between.
- *
- * @example
- * <ToggleGroup aria-label="Label" onChange={(value) => console.log(value)}>
- *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
- *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
- *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
- * </ToggleGroup>
- */
-const ToggleGroupComponent = Object.assign(toggleGroup.ToggleGroup, {
-    Item: toggleGroupItem.ToggleGroupItem,
-});
-ToggleGroupComponent.Item.displayName = 'ToggleGroup.Item';
-
-exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.ToggleGroup = ToggleGroupComponent;

package/dist/cjs/components/toggle-group/toggle-group-item.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var toggleGroup = require('./toggle-group.js');
-
-/**
- * A single item in a ToggleGroup.
- * @example
- * <ToggleGroupItem value='1'>Toggle 1</ToggleGroupItem>
- */
-const ToggleGroupItem = react.forwardRef(function ToggleGroupItem({ className, children, icon, value: rawValue, ...rest }, ref) {
-    const genValue = react.useId();
-    const toggleGroup$1 = react.useContext(toggleGroup.ToggleGroupContext);
-    const value = rawValue ?? genValue;
-    const active = toggleGroup$1.value === value;
-    const { 'aria-disabled': ariaDisabled, disabled, readOnly, form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, ...labelProps } = rest;
-    return (jsxRuntime.jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsxRuntime.jsx("input", { "aria-disabled": ariaDisabled, checked: active, disabled: disabled, readOnly: readOnly, form: form, formAction: formAction, formEncType: formEncType, formMethod: formMethod, formNoValidate: formNoValidate, formTarget: formTarget, name: toggleGroup$1.name, onChange: () => toggleGroup$1.onChange?.(value), required: required, type: 'radio', value: value }), children] }));
-});
-
-exports.ToggleGroupItem = ToggleGroupItem;

package/dist/cjs/components/toggle-group/toggle-group.js

@@ -1,42 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-const ToggleGroupContext = react.createContext({});
-/**
- * Display a group of buttons that can be toggled between.
- *
- * @example
- * <ToggleGroup aria-label="Label" onChange={(value) => console.log(value)}>
- *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
- *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
- *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
- * </ToggleGroup>
- */
-const ToggleGroup = react.forwardRef(function ToggleGroup({ 'data-toggle-group': label, children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
-    const nameId = react.useId();
-    const isControlled = value !== undefined;
-    const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
-    let onValueChange = onChange;
-    if (!isControlled) {
-        onValueChange = (newValue) => {
-            setUncontrolledValue(newValue);
-            onChange?.(newValue);
-        };
-        value = uncontrolledValue;
-    }
-    return (jsxRuntime.jsx(ToggleGroupContext.Provider, { value: {
-            defaultValue,
-            name: name ?? `togglegroup-name-${nameId}`,
-            onChange: onValueChange,
-            value,
-            variant,
-        }, children: jsxRuntime.jsx("fieldset", { "aria-label": label, className: cl('ds-toggle-group', className), "data-variant": variant, focusgroup: 'radiogroup', ref: ref, suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
-            : true, ...rest, children: children }) }));
-});
-
-exports.ToggleGroup = ToggleGroup;
-exports.ToggleGroupContext = ToggleGroupContext;

package/dist/cjs/components/tooltip/tooltip.js

@@ -1,29 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-require('@digdir/designsystemet-web');
-var react = require('react');
-
-/**
- * Tooltip component that displays a small piece of information when hovering or focusing on an element.
- *
- * @example
- * <Tooltip content='This is a tooltip'>
- *  <button>Hover me</button>
- * </Tooltip>
- *
- * @example
- * <Tooltip content='This is a tooltip'>
- *  Hover me
- * </Tooltip>
- */
-const Tooltip = react.forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, ref) {
-    /* check if children is a string */
-    const isString = typeof rest.children === 'string';
-    return (jsxRuntime.jsx(reactSlot.Slot, { "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
-        : true, ref: ref, ...rest, children: isString ? jsxRuntime.jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
-});
-
-exports.Tooltip = Tooltip;

package/dist/cjs/components/validation-message/validation-message.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * Use `ValidationMessage` to display validation text
- *
- * @example
- * <ValidationMessage>This is a danger validation message</ValidationMessage>
- */
-const ValidationMessage = react.forwardRef(function ValidationMessage({ className, asChild, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'p';
-    return (jsxRuntime.jsx(Component, { className: cl('ds-validation-message', className), "data-field": 'validation', ref: ref, suppressHydrationWarning // Since <ds-field> adds attributes
-        : true, ...rest }));
-});
-
-exports.ValidationMessage = ValidationMessage;

package/dist/cjs/index.js

@@ -1,229 +0,0 @@
-'use client';
-'use strict';
-
-require('@digdir/designsystemet-web');
-var alert = require('./components/alert/alert.js');
-var avatar = require('./components/avatar/avatar.js');
-var avatarStack = require('./components/avatar-stack/avatar-stack.js');
-var index = require('./components/badge/index.js');
-var index$1 = require('./components/breadcrumbs/index.js');
-var button = require('./components/button/button.js');
-var index$4 = require('./components/Combobox/index.js');
-var index$2 = require('./components/card/index.js');
-var checkbox = require('./components/checkbox/checkbox.js');
-var index$3 = require('./components/chip/index.js');
-var index$5 = require('./components/details/index.js');
-var index$6 = require('./components/dialog/index.js');
-var divider = require('./components/divider/divider.js');
-var index$7 = require('./components/dropdown/index.js');
-var index$a = require('./components/error-summary/index.js');
-var index$b = require('./components/field/index.js');
-var index$c = require('./components/fieldset/index.js');
-var index$8 = require('./components/file-upload/index.js');
-var heading = require('./components/heading/heading.js');
-var input = require('./components/input/input.js');
-var label = require('./components/label/label.js');
-var link = require('./components/link/link.js');
-var index$d = require('./components/list/index.js');
-var index$e = require('./components/pagination/index.js');
-var paragraph = require('./components/paragraph/paragraph.js');
-var index$f = require('./components/popover/index.js');
-var radio = require('./components/radio/radio.js');
-var index$g = require('./components/search/index.js');
-var index$h = require('./components/select/index.js');
-var skeleton = require('./components/skeleton/skeleton.js');
-var skipLink = require('./components/skip-link/skip-link.js');
-var spinner = require('./components/spinner/spinner.js');
-var index$9 = require('./components/suggestion/index.js');
-var _switch = require('./components/switch/switch.js');
-var index$i = require('./components/table/index.js');
-var index$j = require('./components/tabs/index.js');
-var tag = require('./components/tag/tag.js');
-var textarea = require('./components/textarea/textarea.js');
-var textfield = require('./components/textfield/textfield.js');
-var index$k = require('./components/toggle-group/index.js');
-var tooltip = require('./components/tooltip/tooltip.js');
-var validationMessage = require('./components/validation-message/validation-message.js');
-var omit = require('./components/Combobox/omit/omit.js');
-var useDebounceCallback = require('./utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js');
-var useIsomorphicLayoutEffect = require('./utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
-var useMediaQuery = require('./utilities/hooks/deprecated/use-media-query/use-media-query.js');
-var useCheckboxGroup = require('./utilities/hooks/use-checkbox-group/use-checkbox-group.js');
-require('react');
-var usePagination = require('./utilities/hooks/use-pagination/use-pagination.js');
-var useRadioGroup = require('./utilities/hooks/use-radio-group/use-radio-group.js');
-var useSynchronizedAnimation = require('./utilities/hooks/use-synchronized-animation/use-synchronized-animation.js');
-var rovingFocusItem = require('./utilities/roving-focus/roving-focus-item.js');
-var rovingFocusRoot = require('./utilities/roving-focus/roving-focus-root.js');
-var badgePosition = require('./components/badge/badge-position.js');
-var breadcrumbsItem = require('./components/breadcrumbs/breadcrumbs-item.js');
-var breadcrumbsLink = require('./components/breadcrumbs/breadcrumbs-link.js');
-var breadcrumbsList = require('./components/breadcrumbs/breadcrumbs-list.js');
-var cardBlock = require('./components/card/card-block.js');
-var chips = require('./components/chip/chips.js');
-var Empty = require('./components/Combobox/Empty.js');
-var Option = require('./components/Combobox/Option/Option.js');
-var detailsContent = require('./components/details/details-content.js');
-var detailsSummary = require('./components/details/details-summary.js');
-var dialogBlock = require('./components/dialog/dialog-block.js');
-var dialogTrigger = require('./components/dialog/dialog-trigger.js');
-var dialogTriggerContext = require('./components/dialog/dialog-trigger-context.js');
-var dropdownButton = require('./components/dropdown/dropdown-button.js');
-var dropdownHeading = require('./components/dropdown/dropdown-heading.js');
-var dropdownItem = require('./components/dropdown/dropdown-item.js');
-var dropdownList = require('./components/dropdown/dropdown-list.js');
-var dropdownTrigger = require('./components/dropdown/dropdown-trigger.js');
-var dropdownTriggerContext = require('./components/dropdown/dropdown-trigger-context.js');
-var suggestionClear = require('./components/suggestion/suggestion-clear.js');
-var suggestionEmpty = require('./components/suggestion/suggestion-empty.js');
-var suggestionInput = require('./components/suggestion/suggestion-input.js');
-var suggestionList = require('./components/suggestion/suggestion-list.js');
-var suggestionOption = require('./components/suggestion/suggestion-option.js');
-var suggestionToggle = require('./components/suggestion/suggestion-toggle.js');
-var errorSummaryHeading = require('./components/error-summary/error-summary-heading.js');
-var errorSummaryItem = require('./components/error-summary/error-summary-item.js');
-var errorSummaryLink = require('./components/error-summary/error-summary-link.js');
-var errorSummaryList = require('./components/error-summary/error-summary-list.js');
-var fieldAffix = require('./components/field/field-affix.js');
-var fieldCounter = require('./components/field/field-counter.js');
-var fieldDescription = require('./components/field/field-description.js');
-var fieldsetDescription = require('./components/fieldset/fieldset-description.js');
-var fieldsetLegend = require('./components/fieldset/fieldset-legend.js');
-var listItem = require('./components/list/list-item.js');
-var lists = require('./components/list/lists.js');
-var paginationButton = require('./components/pagination/pagination-button.js');
-var paginationItem = require('./components/pagination/pagination-item.js');
-var paginationList = require('./components/pagination/pagination-list.js');
-var popoverTrigger = require('./components/popover/popover-trigger.js');
-var popoverTriggerContext = require('./components/popover/popover-trigger-context.js');
-var searchButton = require('./components/search/search-button.js');
-var searchClear = require('./components/search/search-clear.js');
-var searchInput = require('./components/search/search-input.js');
-var selectOptgroup = require('./components/select/select-optgroup.js');
-var selectOption = require('./components/select/select-option.js');
-var tableBody = require('./components/table/table-body.js');
-var tableCell = require('./components/table/table-cell.js');
-var tableFoot = require('./components/table/table-foot.js');
-var tableHead = require('./components/table/table-head.js');
-var tableHeaderCell = require('./components/table/table-header-cell.js');
-var tableRow = require('./components/table/table-row.js');
-var tabsList = require('./components/tabs/tabs-list.js');
-var tabsPanel = require('./components/tabs/tabs-panel.js');
-var tabsTab = require('./components/tabs/tabs-tab.js');
-var toggleGroupItem = require('./components/toggle-group/toggle-group-item.js');
-
-
-
-exports.Alert = alert.Alert;
-exports.Avatar = avatar.Avatar;
-exports.EXPERIMENTAL_AvatarStack = avatarStack.EXPERIMENTAL_AvatarStack;
-exports.Badge = index.Badge;
-exports.Breadcrumbs = index$1.Breadcrumbs;
-exports.Button = button.Button;
-exports.Combobox = index$4.Combobox;
-exports.Card = index$2.Card;
-exports.Checkbox = checkbox.Checkbox;
-exports.Chip = index$3.Chip;
-exports.Details = index$5.Details;
-exports.Dialog = index$6.Dialog;
-exports.Divider = divider.Divider;
-exports.Dropdown = index$7.Dropdown;
-exports.ErrorSummary = index$a.ErrorSummary;
-exports.Field = index$b.Field;
-exports.Fieldset = index$c.Fieldset;
-exports.EXPERIMENTAL_FileUpload = index$8.EXPERIMENTAL_FileUpload;
-exports.Heading = heading.Heading;
-exports.Input = input.Input;
-exports.Label = label.Label;
-exports.Link = link.Link;
-exports.List = index$d.List;
-exports.Pagination = index$e.Pagination;
-exports.Paragraph = paragraph.Paragraph;
-exports.Popover = index$f.Popover;
-exports.Radio = radio.Radio;
-exports.Search = index$g.Search;
-exports.Select = index$h.Select;
-exports.Skeleton = skeleton.Skeleton;
-exports.SkipLink = skipLink.SkipLink;
-exports.Spinner = spinner.Spinner;
-exports.EXPERIMENTAL_Suggestion = index$9.EXPERIMENTAL_Suggestion;
-exports.Switch = _switch.Switch;
-exports.Table = index$i.Table;
-exports.Tabs = index$j.Tabs;
-exports.Tag = tag.Tag;
-exports.Textarea = textarea.Textarea;
-exports.Textfield = textfield.Textfield;
-exports.ToggleGroup = index$k.ToggleGroup;
-exports.Tooltip = tooltip.Tooltip;
-exports.ValidationMessage = validationMessage.ValidationMessage;
-exports.omit = omit.omit;
-exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.useMediaQuery = useMediaQuery.useMediaQuery;
-exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
-exports.usePagination = usePagination.usePagination;
-exports.useRadioGroup = useRadioGroup.useRadioGroup;
-exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
-exports.RovingFocusItem = rovingFocusItem.RovingFocusItem;
-exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
-exports.BadgePosition = badgePosition.BadgePosition;
-exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
-exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
-exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
-exports.CardBlock = cardBlock.CardBlock;
-exports.ChipButton = chips.ChipButton;
-exports.ChipCheckbox = chips.ChipCheckbox;
-exports.ChipRadio = chips.ChipRadio;
-exports.ChipRemovable = chips.ChipRemovable;
-exports.ComboboxEmpty = Empty.ComboboxEmpty;
-exports.ComboboxOption = Option.ComboboxOption;
-exports.DetailsContent = detailsContent.DetailsContent;
-exports.DetailsSummary = detailsSummary.DetailsSummary;
-exports.DialogBlock = dialogBlock.DialogBlock;
-exports.DialogTrigger = dialogTrigger.DialogTrigger;
-exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
-exports.DropdownButton = dropdownButton.DropdownButton;
-exports.DropdownHeading = dropdownHeading.DropdownHeading;
-exports.DropdownItem = dropdownItem.DropdownItem;
-exports.DropdownList = dropdownList.DropdownList;
-exports.DropdownTrigger = dropdownTrigger.DropdownTrigger;
-exports.DropdownTriggerContext = dropdownTriggerContext.DropdownTriggerContext;
-exports.EXPERIMENTAL_SuggestionClear = suggestionClear.SuggestionClear;
-exports.EXPERIMENTAL_SuggestionEmpty = suggestionEmpty.SuggestionEmpty;
-exports.EXPERIMENTAL_SuggestionInput = suggestionInput.SuggestionInput;
-exports.EXPERIMENTAL_SuggestionList = suggestionList.SuggestionList;
-exports.EXPERIMENTAL_SuggestionOption = suggestionOption.SuggestionOption;
-exports.EXPERIMENTAL_SuggestionToggle = suggestionToggle.SuggestionToggle;
-exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
-exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
-exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
-exports.ErrorSummaryList = errorSummaryList.ErrorSummaryList;
-exports.FieldAffix = fieldAffix.FieldAffix;
-exports.FieldAffixes = fieldAffix.FieldAffixes;
-exports.FieldCounter = fieldCounter.FieldCounter;
-exports.FieldDescription = fieldDescription.FieldDescription;
-exports.FieldsetDescription = fieldsetDescription.FieldsetDescription;
-exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
-exports.ListItem = listItem.ListItem;
-exports.ListOrdered = lists.ListOrdered;
-exports.ListUnordered = lists.ListUnordered;
-exports.PaginationButton = paginationButton.PaginationButton;
-exports.PaginationItem = paginationItem.PaginationItem;
-exports.PaginationList = paginationList.PaginationList;
-exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
-exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
-exports.SearchButton = searchButton.SearchButton;
-exports.SearchClear = searchClear.SearchClear;
-exports.SearchInput = searchInput.SearchInput;
-exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
-exports.SelectOption = selectOption.SelectOption;
-exports.TableBody = tableBody.TableBody;
-exports.TableCell = tableCell.TableCell;
-exports.TableFoot = tableFoot.TableFoot;
-exports.TableHead = tableHead.TableHead;
-exports.TableHeaderCell = tableHeaderCell.TableHeaderCell;
-exports.TableRow = tableRow.TableRow;
-exports.TabsList = tabsList.TabsList;
-exports.TabsPanel = tabsPanel.TabsPanel;
-exports.TabsTab = tabsTab.TabsTab;
-exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;