@digdir/designsystemet-react 0.0.0-test-20250717083941 → 0.0.0-use-tsdown-react-package-20260818104628

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

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var rovingFocusItem = require('../../utilities/roving-focus/roving-focus-item.js');
-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, id, ...rest }, ref) {
-    const tabs$1 = react.useContext(tabs.Context);
-    const generatedId = react.useId();
-    const buttonId = id ?? `tab-${generatedId}`;
-    return (jsxRuntime.jsx(rovingFocusItem.RovingFocusItem, { value: value, ...rest, asChild: true, children: jsxRuntime.jsx("button", { ...rest, "aria-selected": tabs$1.value === value, id: buttonId, onClick: () => tabs$1.onChange?.(value), ref: ref, role: 'tab', type: 'button' }) }));
-});
-
-exports.TabsTab = TabsTab;

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

@@ -1,43 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-
-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);
-    let onValueChange = onChange;
-    if (!isControlled) {
-        onValueChange = (newValue) => {
-            setUncontrolledValue(newValue);
-            onChange?.(newValue);
-        };
-        value = uncontrolledValue;
-    }
-    return (jsxRuntime.jsx(Context.Provider, { value: {
-            value,
-            defaultValue,
-            onChange: onValueChange,
-        }, children: jsxRuntime.jsx("div", { className: cl('ds-tabs', className), ref: ref, ...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, ...rest }, ref) {
-    return jsxRuntime.jsx("span", { className: cl('ds-tag', className), ref: ref, ...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-size': size, counter, style, className, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { className: className, "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 })] }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error }), !!counter && (jsxRuntime.jsx(index.Field.Counter, { ...(typeof counter === 'number' ? { limit: counter } : counter) }))] }));
-});
-
-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 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,20 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var rovingFocusItem = require('../../utilities/roving-focus/roving-focus-item.js');
-var button = require('../button/button.js');
-var useToggleGroupitem = require('./use-toggle-groupitem.js');
-
-/**
- * A single item in a ToggleGroup.
- * @example
- * <ToggleGroupItem value='1'>Toggle 1</ToggleGroupItem>
- */
-const ToggleGroupItem = react.forwardRef(function ToggleGroupItem(rest, ref) {
-    const { active, buttonProps, value } = useToggleGroupitem.useToggleGroupItem(rest);
-    return (jsxRuntime.jsx(rovingFocusItem.RovingFocusItem, { asChild: true, value: value, children: jsxRuntime.jsx(button.Button, { variant: active ? 'primary' : 'tertiary', ref: ref, ...rest, ...buttonProps }) }));
-});
-
-exports.ToggleGroupItem = ToggleGroupItem;

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

@@ -1,41 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var rovingFocusRoot = require('../../utilities/roving-focus/roving-focus-root.js');
-
-const ToggleGroupContext = react.createContext({});
-/**
- * Display a group of buttons that can be toggled between.
- *
- * @example
- * <ToggleGroup 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({ children, value, defaultValue, onChange, name, className, ...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: {
-            value,
-            defaultValue,
-            name: name ?? `togglegroup-name-${nameId}`,
-            onChange: onValueChange,
-        }, children: jsxRuntime.jsx(rovingFocusRoot.RovingFocusRoot, { asChild: true, activeValue: value, orientation: 'ambiguous', children: jsxRuntime.jsxs("div", { className: cl('ds-toggle-group', className), role: 'radiogroup', ref: ref, ...rest, children: [name && jsxRuntime.jsx("input", { type: 'hidden', name: name, value: value }), children] }) }) }));
-});
-
-exports.ToggleGroup = ToggleGroup;
-exports.ToggleGroupContext = ToggleGroupContext;

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

@@ -1,32 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var toggleGroup = require('./toggle-group.js');
-
-/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
-const useToggleGroupItem = (props) => {
-    const { ...rest } = props;
-    const genValue = react.useId();
-    const toggleGroup$1 = react.useContext(toggleGroup.ToggleGroupContext);
-    const value = props.value ?? genValue;
-    const active = toggleGroup$1.value === value;
-    const buttonId = `togglegroup-item-${react.useId()}`;
-    return {
-        ...rest,
-        active: active,
-        value,
-        buttonProps: {
-            id: buttonId,
-            'aria-checked': active,
-            'aria-current': active,
-            role: 'radio',
-            name: toggleGroup$1.name,
-            onClick: () => {
-                toggleGroup$1.onChange?.(value);
-            },
-        },
-    };
-};
-
-exports.useToggleGroupItem = useToggleGroupItem;

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

@@ -1,152 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var dom = require('@floating-ui/dom');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-var useMergeRefs = require('../../utilities/hooks/use-merge-refs/use-merge-refs.js');
-
-/**
- * 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({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
-    const randomTooltipId = react.useId();
-    const [internalOpen, setInternalOpen] = react.useState(false);
-    const triggerRef = react.useRef(null);
-    const tooltipRef = react.useRef(null);
-    const mergedRefs = useMergeRefs.useMergeRefs([tooltipRef, ref]);
-    const controlledOpen = open ?? internalOpen;
-    const setOpen = () => {
-        setInternalOpen(true);
-    };
-    const setClose = () => {
-        setInternalOpen(false);
-    };
-    // Position with floating-ui
-    react.useEffect(() => {
-        const tooltip = tooltipRef.current;
-        const trigger = triggerRef.current;
-        tooltip?.togglePopover?.(controlledOpen);
-        if (tooltip)
-            tooltip.style.opacity = controlledOpen ? '1' : '0';
-        if (tooltip && trigger && controlledOpen) {
-            return dom.autoUpdate(trigger, tooltip, () => {
-                dom.computePosition(trigger, tooltip, {
-                    placement,
-                    strategy: 'fixed',
-                    middleware: [
-                        dom.offset((data) => {
-                            // get pseudo element arrow size
-                            const styles = getComputedStyle(data.elements.floating, '::before');
-                            return parseFloat(styles.height);
-                        }),
-                        ...(autoPlacement
-                            ? [dom.flip({ fallbackAxisSideDirection: 'start' }), dom.shift()]
-                            : []),
-                        dom.shift(),
-                        arrowPseudoElement,
-                        safeAreaElement,
-                    ],
-                }).then(({ x, y }) => {
-                    tooltip.style.translate = `${x}px ${y}px`;
-                });
-            });
-        }
-    }, [controlledOpen, placement]);
-    /* Add listener for ESC to dismiss */
-    react.useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                setInternalOpen(false);
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-        };
-    }, []);
-    /* If children is only a string, make a span */
-    const ChildContainer = typeof children === 'string' ? 'span' : reactSlot.Slot;
-    /* Make sure it is valid */
-    if (typeof children !== 'string' && children.type === react.Fragment) {
-        console.error('<Tooltip> children needs to be a single ReactElement that can receive a ref and not: <Fragment/> | <></>');
-        return null;
-    }
-    const popoverProps = {
-        [react.version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: id ?? randomTooltipId,
-        [react.version.startsWith('19')
-            ? 'popoverTargetAction'
-            : 'popovertargetaction']: 'show',
-    };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, children: children }), jsxRuntime.jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: id ?? randomTooltipId, popover: 'manual', ...rest, children: content })] }));
-});
-const arrowPseudoElement = {
-    name: 'ArrowPseudoElement',
-    fn(data) {
-        const { elements, rects, placement } = data;
-        let arrowX = `${Math.round(rects.reference.width / 2 + rects.reference.x - data.x)}px`;
-        let arrowY = `${Math.round(rects.reference.height / 2 + rects.reference.y - data.y)}px`;
-        switch (placement) {
-            case 'top':
-                arrowY = '100%';
-                break;
-            case 'right':
-                arrowX = '0';
-                break;
-            case 'bottom':
-                arrowY = '0';
-                break;
-            case 'left':
-                arrowX = '100%';
-                break;
-        }
-        elements.floating.style.setProperty('--dsc-tooltip-arrow-x', arrowX);
-        elements.floating.style.setProperty('--dsc-tooltip-arrow-y', arrowY);
-        return data;
-    },
-};
-const safeAreaElement = {
-    name: 'SafeAreaElement',
-    fn(data) {
-        const { elements, placement } = data;
-        let width = '100%';
-        let height = 'var(--dsc-tooltip-arrow-size)';
-        let translate = '0px';
-        switch (placement) {
-            case 'top':
-                translate = `-50% 0%`;
-                break;
-            case 'right':
-                height = '100%';
-                width = 'var(--dsc-tooltip-arrow-size)';
-                translate = '-100% -50%';
-                break;
-            case 'bottom':
-                translate = '-50% -100%';
-                break;
-            case 'left':
-                height = '100%';
-                width = 'var(--dsc-tooltip-arrow-size)';
-                translate = '0 -50%';
-                break;
-        }
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-height', height);
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-width', width);
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-translate', translate);
-        return data;
-    },
-};
-
-exports.Tooltip = Tooltip;

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

@@ -1,20 +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, ...rest }));
-});
-
-exports.ValidationMessage = ValidationMessage;

package/dist/cjs/index.js

@@ -1,227 +0,0 @@
-'use client';
-'use strict';
-
-var alert = require('./components/alert/alert.js');
-var avatar = require('./components/avatar/avatar.js');
-var index = require('./components/badge/index.js');
-var badgePosition = require('./components/badge/badge-position.js');
-var index$1 = require('./components/breadcrumbs/index.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 button = require('./components/button/button.js');
-var index$2 = require('./components/Combobox/index.js');
-var Empty = require('./components/Combobox/Empty.js');
-var Option = require('./components/Combobox/Option/Option.js');
-var index$3 = require('./components/card/index.js');
-var cardBlock = require('./components/card/card-block.js');
-var checkbox = require('./components/checkbox/checkbox.js');
-var index$4 = require('./components/chip/index.js');
-var chips = require('./components/chip/chips.js');
-var index$5 = require('./components/details/index.js');
-var detailsContent = require('./components/details/details-content.js');
-var detailsSummary = require('./components/details/details-summary.js');
-var index$6 = require('./components/dialog/index.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 divider = require('./components/divider/divider.js');
-var index$7 = require('./components/dropdown/index.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 index$8 = require('./components/error-summary/index.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 index$9 = require('./components/field/index.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 index$a = require('./components/fieldset/index.js');
-var fieldsetDescription = require('./components/fieldset/fieldset-description.js');
-var fieldsetLegend = require('./components/fieldset/fieldset-legend.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$b = require('./components/list/index.js');
-var listItem = require('./components/list/list-item.js');
-var lists = require('./components/list/lists.js');
-var index$c = require('./components/pagination/index.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 paragraph = require('./components/paragraph/paragraph.js');
-var index$d = require('./components/popover/index.js');
-var popoverTrigger = require('./components/popover/popover-trigger.js');
-var popoverTriggerContext = require('./components/popover/popover-trigger-context.js');
-var radio = require('./components/radio/radio.js');
-var index$e = require('./components/search/index.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 index$f = require('./components/select/index.js');
-var selectOptgroup = require('./components/select/select-optgroup.js');
-var selectOption = require('./components/select/select-option.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$g = require('./components/suggestion/index.js');
-var suggestionChips = require('./components/suggestion/suggestion-chips.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 _switch = require('./components/switch/switch.js');
-var index$h = require('./components/table/index.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 index$i = require('./components/tabs/index.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 tag = require('./components/tag/tag.js');
-var textarea = require('./components/textarea/textarea.js');
-var textfield = require('./components/textfield/textfield.js');
-var index$j = require('./components/toggle-group/index.js');
-var toggleGroupItem = require('./components/toggle-group/toggle-group-item.js');
-var tooltip = require('./components/tooltip/tooltip.js');
-var validationMessage = require('./components/validation-message/validation-message.js');
-var useCheckboxGroup = require('./utilities/hooks/use-checkbox-group/use-checkbox-group.js');
-var useDebounceCallback = require('./utilities/hooks/use-debounce-callback/use-debounce-callback.js');
-var useIsomorphicLayoutEffect = require('./utilities/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js');
-var useMediaQuery = require('./utilities/hooks/use-media-query/use-media-query.js');
-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 omit = require('./utilities/omit/omit.js');
-var rovingFocusItem = require('./utilities/roving-focus/roving-focus-item.js');
-var rovingFocusRoot = require('./utilities/roving-focus/roving-focus-root.js');
-var useRovingFocus = require('./utilities/roving-focus/use-roving-focus.js');
-
-
-
-exports.Alert = alert.Alert;
-exports.Avatar = avatar.Avatar;
-exports.Badge = index.Badge;
-exports.BadgePosition = badgePosition.BadgePosition;
-exports.Breadcrumbs = index$1.Breadcrumbs;
-exports.BreadcrumbsItem = breadcrumbsItem.BreadcrumbsItem;
-exports.BreadcrumbsLink = breadcrumbsLink.BreadcrumbsLink;
-exports.BreadcrumbsList = breadcrumbsList.BreadcrumbsList;
-exports.Button = button.Button;
-exports.Combobox = index$2.Combobox;
-exports.ComboboxEmpty = Empty.ComboboxEmpty;
-exports.ComboboxOption = Option.ComboboxOption;
-exports.Card = index$3.Card;
-exports.CardBlock = cardBlock.CardBlock;
-exports.Checkbox = checkbox.Checkbox;
-exports.Chip = index$4.Chip;
-exports.ChipButton = chips.ChipButton;
-exports.ChipCheckbox = chips.ChipCheckbox;
-exports.ChipRadio = chips.ChipRadio;
-exports.ChipRemovable = chips.ChipRemovable;
-exports.Details = index$5.Details;
-exports.DetailsContent = detailsContent.DetailsContent;
-exports.DetailsSummary = detailsSummary.DetailsSummary;
-exports.Dialog = index$6.Dialog;
-exports.DialogBlock = dialogBlock.DialogBlock;
-exports.DialogTrigger = dialogTrigger.DialogTrigger;
-exports.DialogTriggerContext = dialogTriggerContext.DialogTriggerContext;
-exports.Divider = divider.Divider;
-exports.Dropdown = index$7.Dropdown;
-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.ErrorSummary = index$8.ErrorSummary;
-exports.ErrorSummaryHeading = errorSummaryHeading.ErrorSummaryHeading;
-exports.ErrorSummaryItem = errorSummaryItem.ErrorSummaryItem;
-exports.ErrorSummaryLink = errorSummaryLink.ErrorSummaryLink;
-exports.ErrorSummaryList = errorSummaryList.ErrorSummaryList;
-exports.Field = index$9.Field;
-exports.FieldAffix = fieldAffix.FieldAffix;
-exports.FieldAffixes = fieldAffix.FieldAffixes;
-exports.FieldCounter = fieldCounter.FieldCounter;
-exports.FieldDescription = fieldDescription.FieldDescription;
-exports.Fieldset = index$a.Fieldset;
-exports.FieldsetDescription = fieldsetDescription.FieldsetDescription;
-exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
-exports.Heading = heading.Heading;
-exports.Input = input.Input;
-exports.Label = label.Label;
-exports.Link = link.Link;
-exports.List = index$b.List;
-exports.ListItem = listItem.ListItem;
-exports.ListOrdered = lists.ListOrdered;
-exports.ListUnordered = lists.ListUnordered;
-exports.Pagination = index$c.Pagination;
-exports.PaginationButton = paginationButton.PaginationButton;
-exports.PaginationItem = paginationItem.PaginationItem;
-exports.PaginationList = paginationList.PaginationList;
-exports.Paragraph = paragraph.Paragraph;
-exports.Popover = index$d.Popover;
-exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
-exports.PopoverTriggerContext = popoverTriggerContext.PopoverTriggerContext;
-exports.Radio = radio.Radio;
-exports.Search = index$e.Search;
-exports.SearchButton = searchButton.SearchButton;
-exports.SearchClear = searchClear.SearchClear;
-exports.SearchInput = searchInput.SearchInput;
-exports.Select = index$f.Select;
-exports.SelectOptgroup = selectOptgroup.SelectOptgroup;
-exports.SelectOption = selectOption.SelectOption;
-exports.Skeleton = skeleton.Skeleton;
-exports.SkipLink = skipLink.SkipLink;
-exports.Spinner = spinner.Spinner;
-exports.EXPERIMENTAL_Suggestion = index$g.EXPERIMENTAL_Suggestion;
-exports.EXPERIMENTAL_SuggestionChips = suggestionChips.SuggestionChips;
-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.Switch = _switch.Switch;
-exports.Table = index$h.Table;
-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.Tabs = index$i.Tabs;
-exports.TabsList = tabsList.TabsList;
-exports.TabsPanel = tabsPanel.TabsPanel;
-exports.TabsTab = tabsTab.TabsTab;
-exports.Tag = tag.Tag;
-exports.Textarea = textarea.Textarea;
-exports.Textfield = textfield.Textfield;
-exports.ToggleGroup = index$j.ToggleGroup;
-exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
-exports.Tooltip = tooltip.Tooltip;
-exports.ValidationMessage = validationMessage.ValidationMessage;
-exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
-exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.useMediaQuery = useMediaQuery.useMediaQuery;
-exports.usePagination = usePagination.usePagination;
-exports.useRadioGroup = useRadioGroup.useRadioGroup;
-exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
-exports.omit = omit.omit;
-exports.RovingFocusItem = rovingFocusItem.RovingFocusItem;
-exports.getNextFocusableValue = rovingFocusItem.getNextFocusableValue;
-exports.getPrevFocusableValue = rovingFocusItem.getPrevFocusableValue;
-exports.RovingFocusRoot = rovingFocusRoot.RovingFocusRoot;
-exports.useRovingFocus = useRovingFocus.useRovingFocus;