@uppsala-designsystem/ui 1.5.0

package/dist/cjs/index.js

@@ -0,0 +1,242 @@
+'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/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 Button = require('./components/Button/Button.js');
+var index$2 = require('./components/Card/index.js');
+var CardBlock = require('./components/Card/CardBlock.js');
+var Checkbox = require('./components/Checkbox/Checkbox.js');
+var index$3 = require('./components/Chip/index.js');
+var Chips = require('./components/Chip/Chips.js');
+var index$4 = require('./components/Details/index.js');
+var DetailsContent = require('./components/Details/DetailsContent.js');
+var DetailsSummary = require('./components/Details/DetailsSummary.js');
+var index$5 = 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 Divider = require('./components/Divider/Divider.js');
+var index$6 = 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 index$7 = 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$8 = 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 index$9 = require('./components/Fieldset/index.js');
+var FieldsetLegend = require('./components/Fieldset/FieldsetLegend.js');
+var FieldsetDescription = require('./components/Fieldset/FieldsetDescription.js');
+var Heading = require('./components/Heading/Heading.js');
+var InfoCard = require('./components/InfoCard/InfoCard.js');
+var Input = require('./components/Input/Input.js');
+var Label = require('./components/Label/Label.js');
+var Link = require('./components/Link/Link.js');
+var index$a = require('./components/List/index.js');
+var Lists = require('./components/List/Lists.js');
+var ListItem = require('./components/List/ListItem.js');
+var index$b = 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 Paragraph = require('./components/Paragraph/Paragraph.js');
+var index$c = require('./components/Popover/index.js');
+var PopoverTriggerContext = require('./components/Popover/PopoverTriggerContext.js');
+var PopoverTrigger = require('./components/Popover/PopoverTrigger.js');
+var Radio = require('./components/Radio/Radio.js');
+var SearchClear = require('./components/Search/SearchClear.js');
+var SearchButton = require('./components/Search/SearchButton.js');
+var SearchInput = require('./components/Search/SearchInput.js');
+var index$d = require('./components/Search/index.js');
+var index$e = require('./components/Select/index.js');
+var SelectOption = require('./components/Select/SelectOption.js');
+var SelectOptgroup = require('./components/Select/SelectOptgroup.js');
+var Skeleton = require('./components/Skeleton/Skeleton.js');
+var SkipLink = require('./components/SkipLink/SkipLink.js');
+var Spinner = require('./components/Spinner/Spinner.js');
+var index$f = 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 SuggestionChips = require('./components/Suggestion/SuggestionChips.js');
+var Switch = require('./components/Switch/Switch.js');
+var index$g = 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 TableFoot = require('./components/Table/TableFoot.js');
+var index$h = 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 Tag = require('./components/Tag/Tag.js');
+var Textarea = require('./components/Textarea/Textarea.js');
+var Textfield = require('./components/Textfield/Textfield.js');
+var index$i = require('./components/Timeline/index.js');
+var TimelineItem = require('./components/Timeline/TimelineItem.js');
+var index$j = require('./components/ToggleGroup/index.js');
+var ToggleGroupItem = require('./components/ToggleGroup/ToggleGroupItem.js');
+var Tooltip = require('./components/Tooltip/Tooltip.js');
+var ValidationMessage = require('./components/ValidationMessage/ValidationMessage.js');
+var Container = require('./layouts/Container/Container.js');
+var GridCol = require('./layouts/Grid/GridCol.js');
+var GridRow = require('./layouts/Grid/GridRow.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 useMergeRefs = require('./utilities/hooks/useMergeRefs/useMergeRefs.js');
+var usePagination = require('./utilities/hooks/usePagination/usePagination.js');
+var useRadioGroup = require('./utilities/hooks/useRadioGroup/useRadioGroup.js');
+var useSynchronizedAnimation = require('./utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js');
+var RovingFocusRoot = require('./utilities/RovingFocus/RovingFocusRoot.js');
+var useRovingFocus = require('./utilities/RovingFocus/useRovingFocus.js');
+var RovingFocusItem = require('./utilities/RovingFocus/RovingFocusItem.js');
+
+
+
+exports.Alert = Alert.Alert;
+exports.Avatar = Avatar.Avatar;
+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.Button = Button.Button;
+exports.Card = index$2.Card;
+exports.CardBlock = CardBlock.CardBlock;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Chip = index$3.Chip;
+exports.ChipButton = Chips.ChipButton;
+exports.ChipCheckbox = Chips.ChipCheckbox;
+exports.ChipRadio = Chips.ChipRadio;
+exports.ChipRemovable = Chips.ChipRemovable;
+exports.Details = index$4.Details;
+exports.DetailsContent = DetailsContent.DetailsContent;
+exports.DetailsSummary = DetailsSummary.DetailsSummary;
+exports.Dialog = index$5.Dialog;
+exports.DialogBlock = DialogBlock.DialogBlock;
+exports.DialogTriggerContext = DialogTriggerContext.DialogTriggerContext;
+exports.DialogTrigger = DialogTrigger.DialogTrigger;
+exports.Divider = Divider.Divider;
+exports.Dropdown = index$6.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.ErrorSummary = index$7.ErrorSummary;
+exports.ErrorSummaryItem = ErrorSummaryItem.ErrorSummaryItem;
+exports.ErrorSummaryHeading = ErrorSummaryHeading.ErrorSummaryHeading;
+exports.ErrorSummaryList = ErrorSummaryList.ErrorSummaryList;
+exports.ErrorSummaryLink = ErrorSummaryLink.ErrorSummaryLink;
+exports.Field = index$8.Field;
+exports.FieldDescription = FieldDescription.FieldDescription;
+exports.FieldAffix = FieldAffix.FieldAffix;
+exports.FieldAffixes = FieldAffix.FieldAffixes;
+exports.FieldCounter = FieldCounter.FieldCounter;
+exports.Fieldset = index$9.Fieldset;
+exports.FieldsetLegend = FieldsetLegend.FieldsetLegend;
+exports.FieldsetDescription = FieldsetDescription.FieldsetDescription;
+exports.Heading = Heading.Heading;
+exports.InfoCard = InfoCard.InfoCard;
+exports.Input = Input.Input;
+exports.Label = Label.Label;
+exports.Link = Link.Link;
+exports.List = index$a.List;
+exports.ListOrdered = Lists.ListOrdered;
+exports.ListUnordered = Lists.ListUnordered;
+exports.ListItem = ListItem.ListItem;
+exports.Pagination = index$b.Pagination;
+exports.PaginationList = PaginationList.PaginationList;
+exports.PaginationItem = PaginationItem.PaginationItem;
+exports.PaginationButton = PaginationButton.PaginationButton;
+exports.Paragraph = Paragraph.Paragraph;
+exports.Popover = index$c.Popover;
+exports.PopoverTriggerContext = PopoverTriggerContext.PopoverTriggerContext;
+exports.PopoverTrigger = PopoverTrigger.PopoverTrigger;
+exports.Radio = Radio.Radio;
+exports.SearchClear = SearchClear.SearchClear;
+exports.SearchButton = SearchButton.SearchButton;
+exports.SearchInput = SearchInput.SearchInput;
+exports.Search = index$d.Search;
+exports.Select = index$e.Select;
+exports.SelectOption = SelectOption.SelectOption;
+exports.SelectOptgroup = SelectOptgroup.SelectOptgroup;
+exports.Skeleton = Skeleton.Skeleton;
+exports.SkipLink = SkipLink.SkipLink;
+exports.Spinner = Spinner.Spinner;
+exports.EXPERIMENTAL_Suggestion = index$f.EXPERIMENTAL_Suggestion;
+exports.Suggestion = index$f.Suggestion;
+exports.EXPERIMENTAL_SuggestionList = SuggestionList.SuggestionList;
+exports.SuggestionList = SuggestionList.SuggestionList;
+exports.EXPERIMENTAL_SuggestionInput = SuggestionInput.SuggestionInput;
+exports.SuggestionInput = SuggestionInput.SuggestionInput;
+exports.EXPERIMENTAL_SuggestionEmpty = SuggestionEmpty.SuggestionEmpty;
+exports.SuggestionEmpty = SuggestionEmpty.SuggestionEmpty;
+exports.EXPERIMENTAL_SuggestionOption = SuggestionOption.SuggestionOption;
+exports.SuggestionOption = SuggestionOption.SuggestionOption;
+exports.EXPERIMENTAL_SuggestionClear = SuggestionClear.SuggestionClear;
+exports.SuggestionClear = SuggestionClear.SuggestionClear;
+exports.EXPERIMENTAL_SuggestionChips = SuggestionChips.SuggestionChips;
+exports.SuggestionChips = SuggestionChips.SuggestionChips;
+exports.Switch = Switch.Switch;
+exports.Table = index$g.Table;
+exports.TableHead = TableHead.TableHead;
+exports.TableBody = TableBody.TableBody;
+exports.TableRow = TableRow.TableRow;
+exports.TableCell = TableCell.TableCell;
+exports.TableHeaderCell = TableHeaderCell.TableHeaderCell;
+exports.TableFoot = TableFoot.TableFoot;
+exports.Tabs = index$h.Tabs;
+exports.TabsTab = TabsTab.TabsTab;
+exports.TabsList = TabsList.TabsList;
+exports.TabsPanel = TabsPanel.TabsPanel;
+exports.Tag = Tag.Tag;
+exports.Textarea = Textarea.Textarea;
+exports.Textfield = Textfield.Textfield;
+exports.Timeline = index$i.Timeline;
+exports.TimelineItem = TimelineItem.TimelineItem;
+exports.ToggleGroup = index$j.ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem.ToggleGroupItem;
+exports.Tooltip = Tooltip.Tooltip;
+exports.ValidationMessage = ValidationMessage.ValidationMessage;
+exports.Container = Container.Container;
+exports.GridCol = GridCol.GridCol;
+exports.GridRow = GridRow.GridRow;
+exports.omit = omit.omit;
+exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
+exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.useMergeRefs = useMergeRefs.useMergeRefs;
+exports.usePagination = usePagination.usePagination;
+exports.useRadioGroup = useRadioGroup.useRadioGroup;
+exports.useSynchronizedAnimation = useSynchronizedAnimation.useSynchronizedAnimation;
+exports.RovingFocusRoot = RovingFocusRoot.RovingFocusRoot;
+exports.useRovingFocus = useRovingFocus.useRovingFocus;
+exports.RovingFocusItem = RovingFocusItem.RovingFocusItem;
+exports.getNextFocusableValue = RovingFocusItem.getNextFocusableValue;
+exports.getPrevFocusableValue = RovingFocusItem.getPrevFocusableValue;

package/dist/cjs/layouts/Container/Container.js

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cl = require('clsx/lite');
+var react = require('react');
+
+/**
+ * Use `Container` to position the content.
+ * Renders a native `div` element.
+ *
+ * @example
+ * <Container>Content</Container>
+ */
+const Container = react.forwardRef(function Container({ className, ...rest }, ref) {
+    return (jsxRuntime.jsx("div", { ref: ref, className: cl(`ds-container`, className), ...rest }));
+});
+
+exports.Container = Container;

package/dist/cjs/layouts/Grid/GridCol.js

@@ -0,0 +1,12 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cl = require('clsx/lite');
+var react = require('react');
+
+const GridCol = react.forwardRef(function GridCol({ xs, sm, md, lg, xl, xxl, className, ...rest }, ref) {
+    return (jsxRuntime.jsx("div", { ref: ref, className: cl(`${xs ? `ds-col-${xs}` : "ds-col-12"}`, sm && `ds-col-sm-${sm}`, md && `ds-col-md-${md}`, lg && `ds-col-lg-${lg}`, xl && `ds-col-xl-${xl}`, xxl && `ds-col-xxl-${xxl}`, className), ...rest }));
+});
+
+exports.GridCol = GridCol;

package/dist/cjs/layouts/Grid/GridRow.js

@@ -0,0 +1,12 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cl = require('clsx/lite');
+var react = require('react');
+
+const GridRow = react.forwardRef(function GridRow({ className, ...rest }, ref) {
+    return (jsxRuntime.jsx("div", { ref: ref, className: cl("ds-grid-row", className), ...rest }));
+});
+
+exports.GridRow = GridRow;

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;

package/dist/cjs/utilities/hooks/useCheckboxGroup/useCheckboxGroup.js

@@ -0,0 +1,121 @@
+'use client';
+'use strict';
+
+var react$1 = require('@floating-ui/react');
+var react = require('react');
+
+const toggleIndeterminate = (getIndeterminateInputs, getInputs) => {
+    const inputs = getIndeterminateInputs();
+    const checked = !!getInputs(true).length;
+    const unchecked = !!getInputs(false).length;
+    for (const input of inputs) {
+        input.indeterminate = unchecked && checked;
+        input.checked = !unchecked && checked;
+    }
+};
+function useCheckboxGroup(props) {
+    const { error, name: groupName, onChange, value = [], disabled, readOnly, required, } = props || {};
+    const [groupValue, setGroupValue] = react.useState(value);
+    const namedId = react.useId();
+    const errorId = react.useId();
+    const checkboxRefs = react.useRef(new Set());
+    const indeterminateRefs = react.useRef(new Set());
+    const getInputs = (checked) => Array.from(checkboxRefs.current.values()).filter((input) => input.checked === checked);
+    const getIndeterminateInputs = () => Array.from(indeterminateRefs.current.values());
+    return {
+        /**
+         * Current value of the group.
+         */
+        value: groupValue,
+        /**
+         * Set the value of the group.
+         *
+         * @param value string[]
+         * @returns void
+         */
+        setValue: setGroupValue,
+        /**
+         * Props to send to the `Checkbox` component.
+         * Accepts value or object
+         * @example
+         * <Checkbox {...getCheckboxProps('value')} />
+         *
+         * @example allow indeterminate
+         * <Checkbox {...getCheckboxProps({ value: 'all', allowIndeterminate: true })} />
+         */
+        getCheckboxProps: (propsOrValue) => {
+            const props = typeof propsOrValue === 'string'
+                ? { value: propsOrValue }
+                : propsOrValue || {};
+            const { allowIndeterminate = false, ref = undefined, value = '', ...rest } = props;
+            const inputRef = react.useRef(null);
+            const mergedRefs = react$1.useMergeRefs([ref, inputRef]);
+            const handleChange = () => {
+                const nextGroupValue = Array.from(getInputs(true), ({ value }) => value);
+                setGroupValue(nextGroupValue);
+                onChange?.(nextGroupValue, groupValue);
+            };
+            const indeterminateChange = () => {
+                if (!inputRef.current)
+                    return;
+                const checked = !!inputRef.current.checked;
+                for (const input of getInputs(!checked)) {
+                    /* We use click to send both event and change checked state */
+                    input.click();
+                }
+            };
+            react.useEffect(() => {
+                if (!allowIndeterminate)
+                    return;
+                toggleIndeterminate(getIndeterminateInputs, getInputs);
+            }, [groupValue]);
+            react.useEffect(() => {
+                if (!inputRef.current)
+                    return;
+                const input = inputRef.current;
+                const refs = allowIndeterminate ? indeterminateRefs : checkboxRefs;
+                refs.current.add(input);
+                if (getIndeterminateInputs().length)
+                    toggleIndeterminate(getIndeterminateInputs, getInputs);
+                return () => {
+                    refs.current.delete(input);
+                };
+            }, [value]);
+            return {
+                /* Spread anything the user has set first */
+                ...rest,
+                /* Concat ours with the user prop */
+                'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||
+                    undefined,
+                'aria-invalid': !!error || rest['aria-invalid'],
+                checked: allowIndeterminate ? undefined : groupValue.includes(value),
+                name: rest.name || groupName || namedId,
+                onChange: (e) => {
+                    rest.onChange?.(e);
+                    if (e.defaultPrevented)
+                        return;
+                    allowIndeterminate && indeterminateChange();
+                    handleChange();
+                },
+                ref: mergedRefs,
+                value,
+                disabled: disabled || rest.disabled,
+                readOnly: readOnly || rest.readOnly,
+                required: required || rest.required,
+            };
+        },
+        /**
+         * Props to send to the `ValidationMessage` component.
+         *
+         * @example
+         * <ValidationMessage {...validationMessageProps} />
+         */
+        validationMessageProps: {
+            children: error,
+            hidden: !error,
+            id: errorId,
+        },
+    };
+}
+
+exports.useCheckboxGroup = useCheckboxGroup;

package/dist/cjs/utilities/hooks/useDebounceCallback/useDebounceCallback.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+var react = require('react');
+
+function useDebounceCallback(callback, delay = 50) {
+    const timeoutRef = react.useRef(null);
+    react.useEffect(() => {
+        // Cleanup the previous timeout on re-render
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    const debouncedCallback = (...args) => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = window.setTimeout(() => {
+            callback(...args);
+        }, delay);
+    };
+    return debouncedCallback;
+}
+
+exports.useDebounceCallback = useDebounceCallback;

package/dist/cjs/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js

@@ -0,0 +1,9 @@
+'use client';
+'use strict';
+
+var react = require('react');
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;