@digdir/designsystemet-react 1.0.0-rc.8 → 1.0.0

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -2,87 +2,121 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
-var floatingUi_dom = require('../../node_modules/@floating-ui/react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
-var floatingUi_reactDom = require('../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
+var dom = require('@floating-ui/dom');
+var reactSlot = require('@radix-ui/react-slot');
+var cl = require('clsx/lite');
+var react = require('react');
+var react$1 = require('@floating-ui/react');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
+/**
+ * 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', 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 = react$1.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);
+                        }),
+                        dom.flip({
+                            fallbackAxisSideDirection: 'start',
+                        }),
+                        dom.shift(),
+                        arrowPseudoElement,
+                    ],
+                }).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);
             }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const ARROW_HEIGHT = 7;
-const ARROW_GAP = 4;
-const Tooltip = React.forwardRef(({ children, content, placement = 'top', delay = 150, open: userOpen, defaultOpen = false, portal = false, className, style, ...rest }, ref) => {
-    const [isOpen, setIsOpen] = React.useState(defaultOpen);
-    const Container = portal ? floatingUi_react.FloatingPortal : React__namespace.Fragment;
-    const arrowRef = React__namespace.useRef(null);
-    const internalOpen = userOpen ?? isOpen;
-    const { refs, floatingStyles, context } = floatingUi_react.useFloating({
-        open: internalOpen,
-        onOpenChange: setIsOpen,
-        placement,
-        whileElementsMounted: floatingUi_dom.autoUpdate,
-        middleware: [
-            floatingUi_core.offset(ARROW_HEIGHT + ARROW_GAP),
-            floatingUi_dom.flip({
-                fallbackAxisSideDirection: 'start',
-            }),
-            floatingUi_dom.shift(),
-            floatingUi_reactDom.arrow({
-                element: arrowRef,
-            }),
-        ],
-    });
-    const { styles: animationStyles } = floatingUi_react.useTransitionStyles(context, {
-        initial: {
-            opacity: 0,
-        },
-    });
-    const { getReferenceProps, getFloatingProps } = floatingUi_react.useInteractions([
-        // Event listeners to change the open state
-        floatingUi_react.useHover(context, { move: false, delay }),
-        floatingUi_react.useFocus(context),
-        floatingUi_react.useDismiss(context),
-        floatingUi_react.useRole(context, { role: 'tooltip' }),
-    ]);
-    const mergedRef = floatingUi_react.useMergeRefs([ref, refs.setFloating]);
-    const childMergedRef = floatingUi_react.useMergeRefs([
-        children
-            .ref,
-        refs.setReference,
-    ]);
-    if (!children ||
-        children?.type === React__namespace.Fragment ||
-        children === React__namespace.Fragment) {
-        console.error('<Tooltip> children needs to be a single ReactElement and not: <React.Fragment/> | <></>');
+        };
+        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;
     }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.cloneElement(children, getReferenceProps({
-                ref: childMergedRef,
-            })), internalOpen && (jsxRuntime.jsx(Container, { children: jsxRuntime.jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', ...getFloatingProps({
-                        className: lite.clsx('ds-tooltip', 'ds-paragraph--xs', className),
-                        ref: mergedRef,
-                        ...rest,
-                    }), children: [content, jsxRuntime.jsx(floatingUi_react.FloatingArrow, { ref: arrowRef, context: context, className: 'ds-tooltip__arrow', height: ARROW_HEIGHT })] }) }))] }));
+    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("div", { ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: id ?? randomTooltipId, 
+                // @ts-ignore @types/react-dom does not understand popover yet
+                popover: 'manual', ...rest, children: content })] }));
 });
-Tooltip.displayName = 'Tooltip';
+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;
+    },
+};
 
 exports.Tooltip = Tooltip;

package/dist/cjs/components/ValidationMessage/ValidationMessage.js

@@ -0,0 +1,20 @@
+'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,186 +1,225 @@
 'use client';
 'use strict';
 
-var ErrorSummaryList = require('./components/ErrorSummary/ErrorSummaryList.js');
+var Avatar = require('./components/Avatar/Avatar.js');
 var Button = require('./components/Button/Button.js');
-var HelpText = require('./components/HelpText/HelpText.js');
+var index = require('./components/Badge/index.js');
+var BadgePosition = require('./components/Badge/BadgePosition.js');
+var index$1 = require('./components/Breadcrumbs/index.js');
+var BreadcrumbsList = require('./components/Breadcrumbs/BreadcrumbsList.js');
+var BreadcrumbsItem = require('./components/Breadcrumbs/BreadcrumbsItem.js');
+var BreadcrumbsLink = require('./components/Breadcrumbs/BreadcrumbsLink.js');
 var Spinner = require('./components/Spinner/Spinner.js');
+var Skeleton = require('./components/Skeleton/Skeleton.js');
 var Link = require('./components/Link/Link.js');
-var index = require('./components/List/index.js');
-var ListRoot = require('./components/List/ListRoot.js');
-var ListItem = require('./components/List/ListItem.js');
-var ListHeading = require('./components/List/ListHeading.js');
+var index$2 = require('./components/List/index.js');
 var Lists = require('./components/List/Lists.js');
-var Paragraph = require('./components/Typography/Paragraph/Paragraph.js');
-var Heading = require('./components/Typography/Heading/Heading.js');
-var Ingress = require('./components/Typography/Ingress/Ingress.js');
-var Label = require('./components/Typography/Label/Label.js');
-var ErrorMessage = require('./components/Typography/ErrorMessage/ErrorMessage.js');
-var index$1 = require('./components/Accordion/index.js');
-var AccordionItem = require('./components/Accordion/AccordionItem.js');
-var AccordionContent = require('./components/Accordion/AccordionContent.js');
-var AccordionHeader = require('./components/Accordion/AccordionHeader.js');
-var NativeSelect = require('./components/form/NativeSelect/NativeSelect.js');
+var ListItem = require('./components/List/ListItem.js');
+var Label = require('./components/Label/Label.js');
+var Heading = require('./components/Heading/Heading.js');
+var Paragraph = require('./components/Paragraph/Paragraph.js');
+var ValidationMessage = require('./components/ValidationMessage/ValidationMessage.js');
+var index$3 = require('./components/Details/index.js');
+var DetailsContent = require('./components/Details/DetailsContent.js');
+var DetailsSummary = require('./components/Details/DetailsSummary.js');
+var index$4 = require('./components/Select/index.js');
+var SelectOption = require('./components/Select/SelectOption.js');
+var SelectOptgroup = require('./components/Select/SelectOptgroup.js');
 var Alert = require('./components/Alert/Alert.js');
 var Tag = require('./components/Tag/Tag.js');
-var index$2 = require('./components/Chip/index.js');
-var Group = require('./components/Chip/Group/Group.js');
-var Removable = require('./components/Chip/Removable/Removable.js');
-var Toggle = require('./components/Chip/Toggle/Toggle.js');
-var usePagination = require('./components/Pagination/usePagination.js');
-var index$3 = require('./components/Pagination/index.js');
-var PaginationRoot = require('./components/Pagination/PaginationRoot.js');
-var PaginationContent = require('./components/Pagination/PaginationContent.js');
+var index$5 = require('./components/Chip/index.js');
+var Chips = require('./components/Chip/Chips.js');
+var index$6 = require('./components/Pagination/index.js');
+var PaginationList = require('./components/Pagination/PaginationList.js');
 var PaginationItem = require('./components/Pagination/PaginationItem.js');
 var PaginationButton = require('./components/Pagination/PaginationButton.js');
-var PaginationEllipsis = require('./components/Pagination/PaginationEllipsis.js');
-var PaginationNextPrev = require('./components/Pagination/PaginationNextPrev.js');
 var SkipLink = require('./components/SkipLink/SkipLink.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
-var index$4 = require('./components/form/Checkbox/index.js');
-var Group$1 = require('./components/form/Checkbox/Group/Group.js');
-var index$5 = require('./components/form/Radio/index.js');
-var Group$2 = require('./components/form/Radio/Group/Group.js');
-var Fieldset = require('./components/form/Fieldset/Fieldset.js');
-var Switch = require('./components/form/Switch/Switch.js');
-var Textfield = require('./components/form/Textfield/Textfield.js');
-var Textarea = require('./components/form/Textarea/Textarea.js');
-var index$6 = require('./components/Tabs/index.js');
-var Tab = require('./components/Tabs/Tab.js');
-var TabList = require('./components/Tabs/TabList.js');
-var TabContent = require('./components/Tabs/TabContent.js');
-var index$7 = require('./components/ToggleGroup/index.js');
-var ToggleGroupItem = require('./components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js');
-var index$8 = require('./components/Popover/index.js');
-var PopoverContent = require('./components/Popover/PopoverContent.js');
+var index$7 = require('./components/Field/index.js');
+var FieldDescription = require('./components/Field/FieldDescription.js');
+var FieldAffix = require('./components/Field/FieldAffix.js');
+var FieldCounter = require('./components/Field/FieldCounter.js');
+var Checkbox = require('./components/Checkbox/Checkbox.js');
+var Radio = require('./components/Radio/Radio.js');
+var index$8 = require('./components/Fieldset/index.js');
+var FieldsetLegend = require('./components/Fieldset/FieldsetLegend.js');
+var FieldsetDescription = require('./components/Fieldset/FieldsetDescription.js');
+var Switch = require('./components/Switch/Switch.js');
+var Textfield = require('./components/Textfield/Textfield.js');
+var Textarea = require('./components/Textarea/Textarea.js');
+var Input = require('./components/Input/Input.js');
+var index$9 = require('./components/Tabs/index.js');
+var TabsTab = require('./components/Tabs/TabsTab.js');
+var TabsList = require('./components/Tabs/TabsList.js');
+var TabsPanel = require('./components/Tabs/TabsPanel.js');
+var index$a = require('./components/ToggleGroup/index.js');
+var ToggleGroupItem = require('./components/ToggleGroup/ToggleGroupItem.js');
+var index$b = require('./components/Popover/index.js');
+var PopoverTriggerContext = require('./components/Popover/PopoverTriggerContext.js');
 var PopoverTrigger = require('./components/Popover/PopoverTrigger.js');
 var Divider = require('./components/Divider/Divider.js');
-var index$9 = require('./components/Modal/index.js');
-var ModaContent = require('./components/Modal/ModaContent.js');
-var ModalFooter = require('./components/Modal/ModalFooter.js');
-var ModalHeader = require('./components/Modal/ModalHeader.js');
-var ModalTrigger = require('./components/Modal/ModalTrigger.js');
-var ModalDialog = require('./components/Modal/ModalDialog.js');
-var index$a = require('./components/DropdownMenu/index.js');
-var DropdownMenuContent = require('./components/DropdownMenu/DropdownMenuContent.js');
-var DropdownMenuGroup = require('./components/DropdownMenu/DropdownMenuGroup.js');
-var DropdownMenuItem = require('./components/DropdownMenu/DropdownMenuItem.js');
-var DropdownMenuTrigger = require('./components/DropdownMenu/DropdownMenuTrigger.js');
-var Search = require('./components/form/Search/Search.js');
-var index$b = require('./components/Skeleton/index.js');
-var Circle = require('./components/Skeleton/Circle/Circle.js');
-var Rectangle = require('./components/Skeleton/Rectangle/Rectangle.js');
-var Text = require('./components/Skeleton/Text/Text.js');
-var Box = require('./components/Box/Box.js');
-var index$c = require('./components/Card/index.js');
-var CardHeader = require('./components/Card/CardHeader.js');
-var CardContent = require('./components/Card/CardContent.js');
-var CardFooter = require('./components/Card/CardFooter.js');
-var CardMedia = require('./components/Card/CardMedia.js');
-var index$d = require('./components/form/Combobox/index.js');
-var Option = require('./components/form/Combobox/Option/Option.js');
-var Empty = require('./components/form/Combobox/Empty.js');
-var index$e = require('./components/Table/index.js');
+var index$c = require('./components/Dialog/index.js');
+var DialogBlock = require('./components/Dialog/DialogBlock.js');
+var DialogTriggerContext = require('./components/Dialog/DialogTriggerContext.js');
+var DialogTrigger = require('./components/Dialog/DialogTrigger.js');
+var index$d = require('./components/Dropdown/index.js');
+var DropdownTriggerContext = require('./components/Dropdown/DropdownTriggerContext.js');
+var DropdownList = require('./components/Dropdown/DropdownList.js');
+var DropdownHeading = require('./components/Dropdown/DropdownHeading.js');
+var DropdownItem = require('./components/Dropdown/DropdownItem.js');
+var DropdownButton = require('./components/Dropdown/DropdownButton.js');
+var DropdownTrigger = require('./components/Dropdown/DropdownTrigger.js');
+var SearchClear = require('./components/Search/SearchClear.js');
+var SearchButton = require('./components/Search/SearchButton.js');
+var SearchInput = require('./components/Search/SearchInput.js');
+var index$e = require('./components/Search/index.js');
+var index$f = require('./components/Card/index.js');
+var CardBlock = require('./components/Card/CardBlock.js');
+var index$g = require('./components/Combobox/index.js');
+var Option = require('./components/Combobox/Option/Option.js');
+var Empty = require('./components/Combobox/Empty.js');
+var index$h = require('./components/Table/index.js');
 var TableHead = require('./components/Table/TableHead.js');
 var TableBody = require('./components/Table/TableBody.js');
 var TableRow = require('./components/Table/TableRow.js');
 var TableCell = require('./components/Table/TableCell.js');
 var TableHeaderCell = require('./components/Table/TableHeaderCell.js');
-var index$f = require('./components/ErrorSummary/index.js');
-var ErrorSummaryRoot = require('./components/ErrorSummary/ErrorSummaryRoot.js');
+var TableFoot = require('./components/Table/TableFoot.js');
+var index$i = require('./components/ErrorSummary/index.js');
 var ErrorSummaryItem = require('./components/ErrorSummary/ErrorSummaryItem.js');
 var ErrorSummaryHeading = require('./components/ErrorSummary/ErrorSummaryHeading.js');
+var ErrorSummaryList = require('./components/ErrorSummary/ErrorSummaryList.js');
+var ErrorSummaryLink = require('./components/ErrorSummary/ErrorSummaryLink.js');
+var index$j = require('./components/Suggestion/index.js');
+var SuggestionList = require('./components/Suggestion/SuggestionList.js');
+var SuggestionInput = require('./components/Suggestion/SuggestionInput.js');
+var SuggestionEmpty = require('./components/Suggestion/SuggestionEmpty.js');
+var SuggestionOption = require('./components/Suggestion/SuggestionOption.js');
+var SuggestionClear = require('./components/Suggestion/SuggestionClear.js');
+var omit = require('./utilities/omit/omit.js');
+var useCheckboxGroup = require('./utilities/hooks/useCheckboxGroup/useCheckboxGroup.js');
+var useDebounceCallback = require('./utilities/hooks/useDebounceCallback/useDebounceCallback.js');
+var useIsomorphicLayoutEffect = require('./utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
+var useMediaQuery = require('./utilities/hooks/useMediaQuery/useMediaQuery.js');
+var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
+var useSynchronizedAnimation = require('./utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
+var usePagination = require('./utilities/hooks/usePagination/usePagination.js');
+var RovingFocusRoot = require('./utilities/RovingFocus/RovingFocusRoot.js');
+var useRovingFocus = require('./utilities/RovingFocus/useRovingFocus.js');
+var RovingFocusItem = require('./utilities/RovingFocus/RovingFocusItem.js');
 
 
 
-exports.ErrorSummaryList = ErrorSummaryList;
+exports.Avatar = Avatar.Avatar;
 exports.Button = Button.Button;
-exports.HelpText = HelpText.HelpText;
+exports.Badge = index.Badge;
+exports.BadgePosition = BadgePosition.BadgePosition;
+exports.Breadcrumbs = index$1.Breadcrumbs;
+exports.BreadcrumbsList = BreadcrumbsList.BreadcrumbsList;
+exports.BreadcrumbsItem = BreadcrumbsItem.BreadcrumbsItem;
+exports.BreadcrumbsLink = BreadcrumbsLink.BreadcrumbsLink;
 exports.Spinner = Spinner.Spinner;
+exports.Skeleton = Skeleton.Skeleton;
 exports.Link = Link.Link;
-exports.List = index.List;
-exports.ListRoot = ListRoot.ListRoot;
+exports.List = index$2.List;
+exports.ListOrdered = Lists.ListOrdered;
+exports.ListUnordered = Lists.ListUnordered;
 exports.ListItem = ListItem.ListItem;
-exports.ListHeading = ListHeading.ListHeading;
-exports.ListOrdered = Lists.Ordered;
-exports.ListUnordered = Lists.Unordered;
-exports.Paragraph = Paragraph.Paragraph;
-exports.Heading = Heading.Heading;
-exports.Ingress = Ingress.Ingress;
 exports.Label = Label.Label;
-exports.ErrorMessage = ErrorMessage.ErrorMessage;
-exports.Accordion = index$1.Accordion;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.AccordionContent = AccordionContent.AccordionContent;
-exports.AccordionHeader = AccordionHeader.AccordionHeader;
-exports.NativeSelect = NativeSelect.NativeSelect;
+exports.Heading = Heading.Heading;
+exports.Paragraph = Paragraph.Paragraph;
+exports.ValidationMessage = ValidationMessage.ValidationMessage;
+exports.Details = index$3.Details;
+exports.DetailsContent = DetailsContent.DetailsContent;
+exports.DetailsSummary = DetailsSummary.DetailsSummary;
+exports.Select = index$4.Select;
+exports.SelectOption = SelectOption.SelectOption;
+exports.SelectOptgroup = SelectOptgroup.SelectOptgroup;
 exports.Alert = Alert.Alert;
 exports.Tag = Tag.Tag;
-exports.Chip = index$2.Chip;
-exports.ChipGroup = Group.Group;
-exports.ChipRemovable = Removable.RemovableChip;
-exports.ChipToggle = Toggle.ToggleChip;
-exports.usePagination = usePagination.usePagination;
-exports.Pagination = index$3.Pagination;
-exports.PaginationRoot = PaginationRoot.default;
-exports.PaginationContent = PaginationContent.PaginationContent;
-exports.PaginationItem = PaginationItem.default;
+exports.Chip = index$5.Chip;
+exports.ChipButton = Chips.ChipButton;
+exports.ChipCheckbox = Chips.ChipCheckbox;
+exports.ChipRadio = Chips.ChipRadio;
+exports.ChipRemovable = Chips.ChipRemovable;
+exports.Pagination = index$6.Pagination;
+exports.PaginationList = PaginationList.PaginationList;
+exports.PaginationItem = PaginationItem.PaginationItem;
 exports.PaginationButton = PaginationButton.PaginationButton;
-exports.PaginationEllipsis = PaginationEllipsis.default;
-exports.PaginationNext = PaginationNextPrev.PaginationNext;
-exports.PaginationPrevious = PaginationNextPrev.PaginationPrevious;
 exports.SkipLink = SkipLink.SkipLink;
 exports.Tooltip = Tooltip.Tooltip;
-exports.Checkbox = index$4.Checkbox;
-exports.CheckboxGroup = Group$1.CheckboxGroup;
-exports.Radio = index$5.Radio;
-exports.RadioGroup = Group$2.RadioGroup;
-exports.Fieldset = Fieldset.Fieldset;
+exports.Field = index$7.Field;
+exports.FieldDescription = FieldDescription.FieldDescription;
+exports.FieldAffix = FieldAffix.FieldAffix;
+exports.FieldAffixes = FieldAffix.FieldAffixes;
+exports.FieldCounter = FieldCounter.FieldCounter;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Radio = Radio.Radio;
+exports.Fieldset = index$8.Fieldset;
+exports.FieldsetLegend = FieldsetLegend.FieldsetLegend;
+exports.FieldsetDescription = FieldsetDescription.FieldsetDescription;
 exports.Switch = Switch.Switch;
 exports.Textfield = Textfield.Textfield;
 exports.Textarea = Textarea.Textarea;
-exports.Tabs = index$6.Tabs;
-exports.Tab = Tab.Tab;
-exports.TabList = TabList.TabList;
-exports.TabContent = TabContent.TabContent;
-exports.ToggleGroup = index$7.ToggleGroup;
+exports.Input = Input.Input;
+exports.Tabs = index$9.Tabs;
+exports.TabsTab = TabsTab.TabsTab;
+exports.TabsList = TabsList.TabsList;
+exports.TabsPanel = TabsPanel.TabsPanel;
+exports.ToggleGroup = index$a.ToggleGroup;
 exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
-exports.Popover = index$8.Popover;
-exports.PopoverContent = PopoverContent.PopoverContent;
+exports.Popover = index$b.Popover;
+exports.PopoverTriggerContext = PopoverTriggerContext.PopoverTriggerContext;
 exports.PopoverTrigger = PopoverTrigger.PopoverTrigger;
 exports.Divider = Divider.Divider;
-exports.Modal = index$9.Modal;
-exports.ModalContent = ModaContent.ModalContent;
-exports.ModalFooter = ModalFooter.ModalFooter;
-exports.ModalHeader = ModalHeader.ModalHeader;
-exports.ModalTrigger = ModalTrigger.ModalTrigger;
-exports.ModalDialog = ModalDialog.ModalDialog;
-exports.DropdownMenu = index$a.DropdownMenu;
-exports.DropdownMenuContent = DropdownMenuContent.DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup.DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem.DropdownMenuItem;
-exports.DropdownMenuTrigger = DropdownMenuTrigger.DropdownMenuTrigger;
-exports.Search = Search.Search;
-exports.Skeleton = index$b.Skeleton;
-exports.SkeletonCircle = Circle.Circle;
-exports.SkeletonRectangle = Rectangle.Rectangle;
-exports.SkeletonText = Text.Text;
-exports.Box = Box.Box;
-exports.Card = index$c.Card;
-exports.CardHeader = CardHeader.CardHeader;
-exports.CardContent = CardContent.CardContent;
-exports.CardFooter = CardFooter.CardFooter;
-exports.CardMedia = CardMedia.CardMedia;
-exports.Combobox = index$d.Combobox;
+exports.Dialog = index$c.Dialog;
+exports.DialogBlock = DialogBlock.DialogBlock;
+exports.DialogTriggerContext = DialogTriggerContext.DialogTriggerContext;
+exports.DialogTrigger = DialogTrigger.DialogTrigger;
+exports.Dropdown = index$d.Dropdown;
+exports.DropdownTriggerContext = DropdownTriggerContext.DropdownTriggerContext;
+exports.DropdownList = DropdownList.DropdownList;
+exports.DropdownHeading = DropdownHeading.DropdownHeading;
+exports.DropdownItem = DropdownItem.DropdownItem;
+exports.DropdownButton = DropdownButton.DropdownButton;
+exports.DropdownTrigger = DropdownTrigger.DropdownTrigger;
+exports.SearchClear = SearchClear.SearchClear;
+exports.SearchButton = SearchButton.SearchButton;
+exports.SearchInput = SearchInput.SearchInput;
+exports.Search = index$e.Search;
+exports.Card = index$f.Card;
+exports.CardBlock = CardBlock.CardBlock;
+exports.Combobox = index$g.Combobox;
 exports.ComboboxOption = Option.ComboboxOption;
 exports.ComboboxEmpty = Empty.ComboboxEmpty;
-exports.Table = index$e.Table;
+exports.Table = index$h.Table;
 exports.TableHead = TableHead.TableHead;
 exports.TableBody = TableBody.TableBody;
 exports.TableRow = TableRow.TableRow;
 exports.TableCell = TableCell.TableCell;
 exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
-exports.ErrorSummary = index$f.ErrorSummary;
-exports.ErrorSummaryRoot = ErrorSummaryRoot.ErrorSummaryRoot;
+exports.TableFoot = TableFoot.TableFoot;
+exports.ErrorSummary = index$i.ErrorSummary;
 exports.ErrorSummaryItem = ErrorSummaryItem.ErrorSummaryItem;
 exports.ErrorSummaryHeading = ErrorSummaryHeading.ErrorSummaryHeading;
+exports.ErrorSummaryList = ErrorSummaryList.ErrorSummaryList;
+exports.ErrorSummaryLink = ErrorSummaryLink.ErrorSummaryLink;
+exports.EXPERIMENTAL_Suggestion = index$j.EXPERIMENTAL_Suggestion;
+exports.EXPERIMENTAL_SuggestionList = SuggestionList.SuggestionList;
+exports.EXPERIMENTAL_SuggestionInput = SuggestionInput.SuggestionInput;
+exports.EXPERIMENTAL_SuggestionEmpty = SuggestionEmpty.SuggestionEmpty;
+exports.EXPERIMENTAL_SuggestionOption = SuggestionOption.SuggestionOption;
+exports.EXPERIMENTAL_SuggestionClear = SuggestionClear.SuggestionClear;
+exports.omit = omit.omit;
+exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
+exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.useRadioGroup = useRadioGroup.useRadioGroup;
+exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
+exports.usePagination = usePagination.usePagination;
+exports.RovingFocusRoot = RovingFocusRoot.RovingFocusRoot;
+exports.useRovingFocus = useRovingFocus.useRovingFocus;
+exports.RovingFocusItem = RovingFocusItem.RovingFocusItem;
+exports.getNextFocusableValue = RovingFocusItem.getNextFocusableValue;
+exports.getPrevFocusableValue = RovingFocusItem.getPrevFocusableValue;