@digdir/designsystemet-react 1.0.0-rc.9 → 1.0.1

package/dist/cjs/index.js

@@ -1,186 +1,239 @@
 '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 index$k = require('./components/MultiSuggestion/index.js');
+var MultiSuggestionInput = require('./components/MultiSuggestion/MultiSuggestionInput.js');
+var MultiSuggestionList = require('./components/MultiSuggestion/MultiSuggestionList.js');
+var MultiSuggestionOption = require('./components/MultiSuggestion/MultiSuggestionOption.js');
+var MultiSuggestionChips = require('./components/MultiSuggestion/MultiSuggestionChips.js');
+var MultiSuggestionEmpty = require('./components/MultiSuggestion/MultiSuggestionEmpty.js');
+var MultiSuggestionClear = require('./components/MultiSuggestion/MultiSuggestionClear.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.EXPERIMENTAL_MultiSuggestion = index$k.EXPERIMENTAL_MultiSuggestion;
+exports.EXPERIMENTAL_MultiSuggestionInput = MultiSuggestionInput.MultiSuggestionInput;
+exports.EXPERIMENTAL_MultiSuggestionList = MultiSuggestionList.MultiSuggestionList;
+exports.EXPERIMENTAL_MultiSuggestionOption = MultiSuggestionOption.MultiSuggestionOption;
+exports.EXPERIMENTAL_MultiSuggestionChips = MultiSuggestionChips.MultiSuggestionChips;
+exports.EXPERIMENTAL_MultiSuggestionEmpty = MultiSuggestionEmpty.MultiSuggestionEmpty;
+exports.EXPERIMENTAL_MultiSuggestionClear = MultiSuggestionClear.MultiSuggestionClear;
+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;

package/dist/cjs/utilities/RovingFocus/RovingFocusItem.js

@@ -0,0 +1,72 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react$1 = require('@floating-ui/react');
+var reactSlot = require('@radix-ui/react-slot');
+var react = require('react');
+var useRovingFocus = require('./useRovingFocus.js');
+
+/** Get the next focusable RovingFocusItem */
+function getNextFocusableValue(items, value) {
+    const currIndex = items.findIndex((item) => item.value === value);
+    return items.at(currIndex === items.length - 1 ? 0 : currIndex + 1);
+}
+/** Get the previous focusable RovingFocusItem */
+function getPrevFocusableValue(items, value) {
+    const currIndex = items.findIndex((item) => item.value === value);
+    return items.at(currIndex === 0 ? -1 : currIndex - 1);
+}
+const RovingFocusItem = react.forwardRef(({ value, asChild, ...rest }, ref) => {
+    const Component = asChild ? reactSlot.Slot : 'div';
+    const focusValue = value ?? (typeof rest.children === 'string' ? rest.children : '');
+    const { getOrderedItems, getRovingProps, orientation } = useRovingFocus.useRovingFocus(focusValue);
+    const rovingProps = getRovingProps({
+        onKeyDown: (e) => {
+            rest?.onKeyDown?.(e);
+            const items = getOrderedItems();
+            let nextItem;
+            switch (orientation) {
+                case 'horizontal':
+                    if (e.key === 'ArrowRight') {
+                        nextItem = getNextFocusableValue(items, focusValue);
+                    }
+                    if (e.key === 'ArrowLeft') {
+                        nextItem = getPrevFocusableValue(items, focusValue);
+                    }
+                    break;
+                case 'vertical':
+                    if (e.key === 'ArrowDown') {
+                        nextItem = getNextFocusableValue(items, focusValue);
+                    }
+                    if (e.key === 'ArrowUp') {
+                        nextItem = getPrevFocusableValue(items, focusValue);
+                    }
+                    break;
+                case 'ambiguous':
+                    if (['ArrowRight', 'ArrowDown'].includes(e.key)) {
+                        nextItem = getNextFocusableValue(items, focusValue);
+                    }
+                    if (['ArrowLeft', 'ArrowUp'].includes(e.key)) {
+                        nextItem = getPrevFocusableValue(items, focusValue);
+                    }
+            }
+            if (e.key === 'Home') {
+                nextItem = items[0];
+            }
+            if (e.key === 'End') {
+                nextItem = items[items.length - 1];
+            }
+            if (nextItem) {
+                e.preventDefault();
+                nextItem.element.focus();
+            }
+        },
+    });
+    const mergedRefs = react$1.useMergeRefs([ref, rovingProps.ref]);
+    return (jsxRuntime.jsx(Component, { ...rest, ...rovingProps, ref: mergedRefs, children: rest.children }));
+});
+
+exports.RovingFocusItem = RovingFocusItem;
+exports.getNextFocusableValue = getNextFocusableValue;
+exports.getPrevFocusableValue = getPrevFocusableValue;

package/dist/cjs/utilities/RovingFocus/RovingFocusRoot.js

@@ -0,0 +1,72 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react$1 = require('@floating-ui/react');
+var reactSlot = require('@radix-ui/react-slot');
+var react = require('react');
+
+const RovingFocusContext = react.createContext({
+    elements: { current: new Map() },
+    getOrderedItems: () => [],
+    setFocusableValue: () => {
+        /* intentionally empty */
+    },
+    onShiftTab: () => {
+        /* intentionally empty */
+    },
+    focusableValue: null,
+    orientation: 'horizontal',
+});
+const RovingFocusRoot = react.forwardRef(({ activeValue, asChild, orientation = 'horizontal', onBlur, onFocus, ...rest }, ref) => {
+    const Component = asChild ? reactSlot.Slot : 'div';
+    const [focusableValue, setFocusableValue] = react.useState(null);
+    const [isShiftTabbing, setIsShiftTabbing] = react.useState(false);
+    const elements = react.useRef(new Map());
+    const myRef = react.useRef(null);
+    const refs = react$1.useMergeRefs([ref, myRef]);
+    const getOrderedItems = () => {
+        if (!myRef.current)
+            return [];
+        const elementsFromDOM = Array.from(myRef.current.querySelectorAll('[data-roving-tabindex-item]'));
+        return Array.from(elements.current)
+            .sort((a, b) => elementsFromDOM.indexOf(a[1]) - elementsFromDOM.indexOf(b[1]))
+            .map(([value, element]) => ({ value, element }));
+    };
+    react.useEffect(() => {
+        setFocusableValue(activeValue ?? null);
+    }, [activeValue]);
+    return (jsxRuntime.jsx(RovingFocusContext.Provider, { value: {
+            elements,
+            getOrderedItems,
+            focusableValue,
+            setFocusableValue,
+            onShiftTab: () => {
+                setIsShiftTabbing(true);
+            },
+            orientation,
+        }, children: jsxRuntime.jsx(Component, { ...rest, tabIndex: isShiftTabbing ? -1 : 0, onBlur: (e) => {
+                onBlur?.(e);
+                setIsShiftTabbing(false);
+                setFocusableValue(activeValue ?? null);
+            }, onFocus: (e) => {
+                onFocus?.(e);
+                if (e.target !== e.currentTarget)
+                    return;
+                const orderedItems = getOrderedItems();
+                if (orderedItems.length === 0)
+                    return;
+                if (focusableValue != null) {
+                    elements.current.get(focusableValue)?.focus();
+                }
+                else if (activeValue != null) {
+                    elements.current.get(activeValue)?.focus();
+                }
+                else {
+                    orderedItems.at(0)?.element.focus();
+                }
+            }, ref: refs }) }));
+});
+
+exports.RovingFocusContext = RovingFocusContext;
+exports.RovingFocusRoot = RovingFocusRoot;

package/dist/cjs/utilities/RovingFocus/useRovingFocus.js

@@ -0,0 +1,43 @@
+'use client';
+'use strict';
+
+var react = require('react');
+var RovingFocusRoot = require('./RovingFocusRoot.js');
+
+// Logic from: https://www.joshuawootonn.com/react-roving-tabindex
+// Inspired by: https://github.com/radix-ui/primitives/tree/main/packages/react/roving-focus/src
+/** Handles props for `RovingFocus` in context with `RovingFocusRoot` */
+const useRovingFocus = (value) => {
+    const { elements, getOrderedItems, setFocusableValue, focusableValue, onShiftTab, orientation, } = react.useContext(RovingFocusRoot.RovingFocusContext);
+    return {
+        getOrderedItems,
+        isFocusable: focusableValue === value,
+        orientation,
+        getRovingProps: (props) => ({
+            ...props,
+            ref: (element) => {
+                if (element) {
+                    elements.current.set(value, element);
+                }
+                else {
+                    elements.current.delete(value);
+                }
+            },
+            onKeyDown: (e) => {
+                props?.onKeyDown?.(e);
+                if (e.shiftKey && e.key === 'Tab') {
+                    onShiftTab();
+                    return;
+                }
+            },
+            onFocus: (e) => {
+                props?.onFocus?.(e);
+                setFocusableValue(value);
+            },
+            'data-roving-tabindex-item': true,
+            tabIndex: focusableValue === value ? 0 : -1,
+        }),
+    };
+};
+
+exports.useRovingFocus = useRovingFocus;