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

package/dist/esm/utilities/roving-focus/roving-focus-root.js

@@ -1,69 +1,71 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { forwardRef, useState, useRef, useEffect, createContext } from 'react';
-import { useMergeRefs } from '../hooks/use-merge-refs/use-merge-refs.js';
-
+import { useMergeRefs } from "../hooks/use-merge-refs/use-merge-refs.js";
+import "../hooks/index.js";
+import { warn } from "../index.js";
+import { createContext, forwardRef, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/utilities/roving-focus/roving-focus-root.tsx
 const RovingFocusContext = createContext({
-    elements: { current: new Map() },
-    getOrderedItems: () => [],
-    setFocusableValue: () => {
-        /* intentionally empty */
-    },
-    onShiftTab: () => {
-        /* intentionally empty */
-    },
-    focusableValue: null,
-    orientation: 'horizontal',
+	elements: { current: /* @__PURE__ */ new Map() },
+	getOrderedItems: () => [],
+	setFocusableValue: () => {},
+	onShiftTab: () => {},
+	focusableValue: null,
+	orientation: "horizontal"
 });
-const RovingFocusRoot = forwardRef(({ activeValue, asChild, orientation = 'horizontal', onBlur, onFocus, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    const [focusableValue, setFocusableValue] = useState(null);
-    const [isShiftTabbing, setIsShiftTabbing] = useState(false);
-    const elements = useRef(new Map());
-    const myRef = useRef(null);
-    const refs = 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 }));
-    };
-    useEffect(() => {
-        setFocusableValue(activeValue ?? null);
-    }, [activeValue]);
-    return (jsx(RovingFocusContext.Provider, { value: {
-            elements,
-            getOrderedItems,
-            focusableValue,
-            setFocusableValue,
-            onShiftTab: () => {
-                setIsShiftTabbing(true);
-            },
-            orientation,
-        }, children: 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 }) }));
+/** @deprecated RovingFocusRoot is deprecated. */
+const RovingFocusRoot = forwardRef(({ activeValue, asChild, orientation = "horizontal", onBlur, onFocus, ...rest }, ref) => {
+	const Component = asChild ? Slot : "div";
+	const activeValueOrNull = activeValue ?? null;
+	const [focusableValue, setFocusableValue] = useState(activeValueOrNull);
+	const [isShiftTabbing, setIsShiftTabbing] = useState(false);
+	const elements = useRef(/* @__PURE__ */ new Map());
+	const myRef = useRef(null);
+	const refs = 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
+		}));
+	};
+	useEffect(() => {
+		setFocusableValue(activeValueOrNull);
+	}, [activeValueOrNull]);
+	warn("RovingFocusRoot is deprecated.");
+	return /* @__PURE__ */ jsx(RovingFocusContext.Provider, {
+		value: {
+			elements,
+			getOrderedItems,
+			focusableValue,
+			setFocusableValue,
+			onShiftTab: () => {
+				setIsShiftTabbing(true);
+			},
+			orientation
+		},
+		children: /* @__PURE__ */ 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
+		})
+	});
 });
-
+//#endregion
 export { RovingFocusContext, RovingFocusRoot };

package/dist/esm/utilities/roving-focus/use-roving-focus.d.ts

@@ -0,0 +1,3 @@
+'use client';
+import "./roving-focus-root.js";
+import { HTMLAttributes } from "react";

package/dist/esm/utilities/roving-focus/use-roving-focus.js

@@ -1,41 +1,37 @@
 'use client';
-import { useContext } from 'react';
-import { RovingFocusContext } from './roving-focus-root.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` */
+import { RovingFocusContext } from "./roving-focus-root.js";
+import { useContext } from "react";
+//#region src/utilities/roving-focus/use-roving-focus.ts
+/**
+@deprecated useRovingFocus is deprecated.
+Handles props for `RovingFocus` in context with `RovingFocusRoot` */
 const useRovingFocus = (value) => {
-    const { elements, getOrderedItems, setFocusableValue, focusableValue, onShiftTab, orientation, } = useContext(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,
-        }),
-    };
+	const { elements, getOrderedItems, setFocusableValue, focusableValue, onShiftTab, orientation } = useContext(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
+		})
+	};
 };
-
+//#endregion
 export { useRovingFocus };

package/dist/esm/utilities/types.d.ts

@@ -0,0 +1,9 @@
+'use client';
+//#region src/utilities/types.d.ts
+/**
+ * Create a new type with the properties of the first type merged with the properties of the second type.
+ * If a key exists in both types, the property from the *second* type will be used.
+ */
+type MergeRight<T1, T2> = Omit<T1, keyof T2> & T2;
+//#endregion
+export { MergeRight };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "0.0.0-test-20250717083941",
+  "version": "0.0.0-use-tsdown-react-package-20260818104628",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -10,21 +10,25 @@
   },
   "homepage": "https://github.com/digdir/designsystemet/tree/main/packages/react",
   "license": "MIT",
-  "types": "dist/types/index.d.ts",
+  "types": "./dist/esm/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/index.d.cts",
+        "default": "./dist/cjs/index.cjs"
+      }
     },
     "./colors": {
-      "types": "./dist/types/colors.d.ts"
+      "types": "./dist/esm/colors.d.ts"
     },
     "./react-types": {
-      "types": "./dist/react-types.d.ts"
+      "types": "./dist/esm/react-types.d.ts"
     }
   },
-  "sideEffects": false,
   "files": [
     "dist/**"
   ],
@@ -36,44 +40,36 @@
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.2",
+    "@digdir/designsystemet-types": "0.0.0-use-tsdown-react-package-20260818104628",
+    "@digdir/designsystemet-web": "0.0.0-use-tsdown-react-package-20260818104628",
+    "@floating-ui/dom": "^1.8.0",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^7.25.1",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "@u-elements/u-combobox": "^0.0.18",
-    "@u-elements/u-datalist": "^1.0.10",
-    "@u-elements/u-details": "^0.1.1",
+    "@navikt/aksel-icons": "^8.16.1",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@tanstack/react-virtual": "^3.14.9",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-docs": "^9.0.15",
-    "@storybook/addon-vitest": "^9.0.15",
-    "@storybook/react-vite": "^9.0.15",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "jsdom": "^26.1.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.44.2",
-    "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^9.0.15",
-    "tsx": "4.20.3",
-    "typescript": "^5.8.3",
-    "@digdir/designsystemet": "^0.0.0-test-20250717083941",
-    "@digdir/designsystemet-css": "^0.0.0-test-20250717083941"
+    "@storybook/addon-docs": "10.5.7",
+    "@storybook/addon-vitest": "10.5.7",
+    "@storybook/react-vite": "10.5.7",
+    "@testing-library/jest-dom": "7.0.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.3",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "react-dropzone": "19.3.0",
+    "rimraf": "6.1.3",
+    "storybook": "10.5.7",
+    "tsdown": "0.22.14",
+    "typescript": "6.0.3",
+    "@digdir/designsystemet-css": "^0.0.0-use-tsdown-react-package-20260818104628"
   },
   "scripts": {
-    "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
-    "clean": "rimraf dist && rimraf tsc-build && rimraf --glob \"*.tsbuildinfo\"",
-    "copy-css-to-build": "copyfiles -u 1 ./src/**/*.css ./tsc-build/",
+    "build": "pnpm run clean && tsdown",
+    "clean": "rimraf dist",
     "types": "tsc --noEmit"
   }
 }

package/dist/cjs/components/Combobox/Combobox.js

@@ -1,203 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react$1 = require('@floating-ui/react');
-var reactVirtual = require('@tanstack/react-virtual');
-var cl = require('clsx/lite');
-var react = require('react');
-var omit = require('../../utilities/omit/omit.js');
-var spinner = require('../spinner/spinner.js');
-var ComboboxContext = require('./ComboboxContext.js');
-var ComboboxIdContext = require('./ComboboxIdContext.js');
-var Custom = require('./Custom.js');
-var ComboboxError = require('./internal/ComboboxError.js');
-var ComboboxInput = require('./internal/ComboboxInput.js');
-var ComboboxLabel = require('./internal/ComboboxLabel.js');
-var ComboboxNative = require('./internal/ComboboxNative.js');
-var useCombobox = require('./useCombobox.js');
-var useComboboxKeyboard = require('./useComboboxKeyboard.js');
-var useFloatingCombobox = require('./useFloatingCombobox.js');
-var useFormField = require('./useFormField/useFormField.js');
-var utilities = require('./utilities.js');
-var useDebounceCallback = require('../../utilities/hooks/use-debounce-callback/use-debounce-callback.js');
-
-/**
- * @deprecated Use `Suggestion` instead
- */
-const ComboboxComponent = react.forwardRef(({ value, initialValue = [], onValueChange, label, hideLabel = false, description, multiple = false, disabled = false, readOnly = false, hideChips = false, clearButtonLabel = 'Fjern alt', hideClearButton = false, error, errorId, id, name, portal = true, htmlSize = 0, virtual = false, children, style, size = 'md', loading, loadingLabel = 'Laster...', filter, chipSrLabel = (option) => 'Slett ' + option.label, className, ...rest }, forwareddRef) => {
-    const inputRef = react.useRef(null);
-    const portalRef = react.useRef(null);
-    const listRef = react.useRef([]);
-    const [inputValue, setInputValue] = react.useState(rest.inputValue || '');
-    react.useEffect(() => {
-        if (typeof rest.inputValue === 'string') {
-            setInputValue(rest.inputValue);
-        }
-    }, [rest.inputValue]);
-    const { selectedOptions, options, restChildren, interactiveChildren, customIds, filteredOptionsChildren, filteredOptions, setSelectedOptions, } = useCombobox.useCombobox({
-        children,
-        inputValue,
-        filter,
-        multiple,
-        initialValue,
-    });
-    const { open, setOpen, refs, floatingStyles, context, getReferenceProps, getFloatingProps, getItemProps, } = useFloatingCombobox.useFloatingCombobox({
-        listRef,
-    });
-    const formFieldProps = useFormField.useFormField({
-        disabled,
-        error,
-        errorId,
-        size,
-        description,
-        id,
-    }, 'combobox');
-    // if value is set, set input value to the label of the value
-    react.useEffect(() => {
-        if (value && value.length > 0 && !multiple) {
-            const option = options[utilities.prefix(value[0])];
-            inputRef.current &&
-                utilities.setReactInputValue(inputRef.current, option?.label || '');
-        }
-    }, [multiple, value, options]);
-    react.useEffect(() => {
-        if (value && Object.keys(options).length >= 0) {
-            const updatedSelectedOptions = value.map((option) => {
-                const value = options[utilities.prefix(option)];
-                return value;
-            });
-            setSelectedOptions(updatedSelectedOptions.reduce((acc, value) => {
-                acc[utilities.prefix(value.value)] = value;
-                return acc;
-            }, {}));
-        }
-    }, [multiple, value, options, setSelectedOptions]);
-    // handle click on option, either select or deselect - Handles single or multiple
-    const handleSelectOption = (args) => {
-        const { option, clear, remove } = args;
-        if (clear) {
-            setSelectedOptions({});
-            inputRef.current && utilities.setReactInputValue(inputRef.current, '');
-            onValueChange?.([]);
-            return;
-        }
-        if (!option)
-            return;
-        if (remove) {
-            const newSelectedOptions = { ...selectedOptions };
-            delete newSelectedOptions[utilities.prefix(option.value)];
-            setSelectedOptions(newSelectedOptions);
-            onValueChange?.(Object.keys(newSelectedOptions).map((key) => utilities.removePrefix(key)));
-            return;
-        }
-        const newSelectedOptions = { ...selectedOptions };
-        if (multiple) {
-            if (newSelectedOptions[utilities.prefix(option.value)]) {
-                delete newSelectedOptions[utilities.prefix(option.value)];
-            }
-            else {
-                newSelectedOptions[utilities.prefix(option.value)] = option;
-            }
-            inputRef.current && utilities.setReactInputValue(inputRef.current, '');
-            inputRef.current?.focus();
-        }
-        else {
-            /* clear newSelectedOptions */
-            for (const key of Object.keys(newSelectedOptions)) {
-                delete newSelectedOptions[key];
-            }
-            newSelectedOptions[utilities.prefix(option.value)] = option;
-            inputRef.current &&
-                utilities.setReactInputValue(inputRef.current, option?.label || '');
-            // move cursor to the end of the input
-            setTimeout(() => {
-                inputRef.current?.setSelectionRange(option?.label?.length || 0, option?.label?.length || 0);
-            }, 0);
-        }
-        setSelectedOptions(newSelectedOptions);
-        onValueChange?.(Object.keys(newSelectedOptions).map((key) => utilities.removePrefix(key)));
-        !multiple && setOpen(false);
-        refs.domReference.current?.focus();
-    };
-    const debouncedHandleSelectOption = useDebounceCallback.useDebounceCallback(handleSelectOption, 50);
-    const handleKeyDown = useComboboxKeyboard.useComboboxKeyboard({
-        filteredOptions,
-        selectedOptions,
-        readOnly: formFieldProps.readOnly || false,
-        disabled: disabled,
-        multiple,
-        inputValue,
-        options,
-        open,
-        interactiveChildren,
-        setOpen,
-        handleSelectOption: debouncedHandleSelectOption,
-    });
-    const rowVirtualizer = reactVirtual.useVirtualizer({
-        count: Object.keys(filteredOptionsChildren).length,
-        getScrollElement: () => (virtual ? refs.floating.current : null),
-        estimateSize: () => 70,
-        measureElement: (elem) => {
-            return elem.getBoundingClientRect().height;
-        },
-        overscan: 7,
-    });
-    return (jsxRuntime.jsxs(ComboboxContext.ComboboxContext.Provider, { value: {
-            size,
-            options,
-            selectedOptions,
-            multiple,
-            disabled,
-            readOnly,
-            open,
-            inputRef,
-            refs,
-            inputValue,
-            formFieldProps,
-            htmlSize,
-            clearButtonLabel,
-            customIds,
-            filteredOptions,
-            setInputValue,
-            setOpen,
-            getReferenceProps,
-            getItemProps,
-            /* Recieves the value of the option, and searches for it in our values lookup */
-            onOptionClick: (value) => {
-                if (readOnly)
-                    return;
-                if (disabled)
-                    return;
-                const option = options[utilities.prefix(value)];
-                debouncedHandleSelectOption({ option: option });
-            },
-            handleSelectOption: debouncedHandleSelectOption,
-            chipSrLabel,
-            listRef,
-            forwareddRef,
-            setListRef: (index, node) => {
-                listRef.current[index] = node;
-            },
-        }, children: [jsxRuntime.jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsxRuntime.jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsxRuntime.jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsxRuntime.jsx(ComboboxInput, { ...omit.omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId || '', error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsxRuntime.jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsxRuntime.jsx(react$1.FloatingPortal, { root: portal ? null : portalRef, children: jsxRuntime.jsx(react$1.FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxRuntime.jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
-                            ref: refs.setFloating,
-                            style: {
-                                ...floatingStyles,
-                            },
-                        }), className: cl('ds-combobox__options-wrapper', `ds-combobox--${size}`), children: [virtual && (jsxRuntime.jsx("div", { style: {
-                                    height: `${rowVirtualizer.getTotalSize()}px`,
-                                    width: '100%',
-                                    position: 'relative',
-                                }, children: rowVirtualizer.getVirtualItems().map((virtualRow) => (jsxRuntime.jsx("div", { ref: rowVirtualizer.measureElement, "data-index": virtualRow.index, style: {
-                                        position: 'absolute',
-                                        top: 0,
-                                        left: 0,
-                                        width: '100%',
-                                        transform: `translateY(${virtualRow.start}px)`,
-                                    }, children: filteredOptionsChildren[virtualRow.index] }, virtualRow.index))) })), loading ? (jsxRuntime.jsxs(Custom.ComboboxCustom, { className: 'ds-combobox__loading', children: [jsxRuntime.jsx(spinner.Spinner, { "aria-label": 'Laster', "data-size": 'sm' }), loadingLabel] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [restChildren, !virtual && filteredOptionsChildren] }))] }) }) }))] }));
-});
-const Combobox = react.forwardRef((props, ref) => (jsxRuntime.jsx(ComboboxIdContext.ComboboxIdProvider, { children: jsxRuntime.jsx(ComboboxComponent, { ...props, ref: ref }) })));
-Combobox.displayName = 'Combobox';
-
-exports.Combobox = Combobox;
-exports.ComboboxComponent = ComboboxComponent;

package/dist/cjs/components/Combobox/ComboboxContext.js

@@ -1,8 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
-const ComboboxContext = react.createContext(undefined);
-
-exports.ComboboxContext = ComboboxContext;

package/dist/cjs/components/Combobox/ComboboxIdContext.js

@@ -1,42 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const ComboboxIdContext = react.createContext({
-    activeIndex: 0,
-});
-const ComboboxIdReducer = (state, action) => {
-    switch (action.type) {
-        case 'SET_ACTIVE_INDEX':
-            return {
-                ...state,
-                activeIndex: action.payload,
-            };
-        default:
-            return state;
-    }
-};
-const ComboboxIdDispatch = react.createContext(() => {
-    throw new Error('ComboboxIdDispatch must be used within a provider');
-});
-const ComboboxIdProvider = ({ children }) => {
-    const [state, dispatch] = react.useReducer(ComboboxIdReducer, {
-        activeIndex: 0,
-    });
-    return (jsxRuntime.jsx(ComboboxIdContext.Provider, { value: state, children: jsxRuntime.jsx(ComboboxIdDispatch.Provider, { value: dispatch, children: children }) }));
-};
-function useComboboxIdDispatch() {
-    return react.useContext(ComboboxIdDispatch);
-}
-function useComboboxId() {
-    return react.useContext(ComboboxIdContext);
-}
-
-exports.ComboboxIdContext = ComboboxIdContext;
-exports.ComboboxIdDispatch = ComboboxIdDispatch;
-exports.ComboboxIdProvider = ComboboxIdProvider;
-exports.ComboboxIdReducer = ComboboxIdReducer;
-exports.useComboboxId = useComboboxId;
-exports.useComboboxIdDispatch = useComboboxIdDispatch;

package/dist/cjs/components/Combobox/Custom.js

@@ -1,36 +0,0 @@
-'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 cl = require('clsx/lite');
-var react = require('react');
-var omit = require('../../utilities/omit/omit.js');
-var label = require('../label/label.js');
-var ComboboxContext = require('./ComboboxContext.js');
-var ComboboxIdContext = require('./ComboboxIdContext.js');
-
-const ComboboxCustom = react.forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
-    if (interactive && !id) {
-        throw new Error('If ComboboxCustom is interactive, it must have an id');
-    }
-    const Component = asChild ? reactSlot.Slot : 'div';
-    const randomId = react.useId();
-    const { activeIndex } = ComboboxIdContext.useComboboxId();
-    const context = react.useContext(ComboboxContext.ComboboxContext);
-    if (!context) {
-        throw new Error('ComboboxCustom must be used within a Combobox');
-    }
-    const { customIds, setListRef, getItemProps, size } = context;
-    const index = react.useMemo(() => (id && customIds.indexOf(id)) || 0, [id, customIds]);
-    const combinedRef = react$1.useMergeRefs([
-        (node) => {
-            setListRef(index, node);
-        },
-        ref,
-    ]);
-    return (jsxRuntime.jsx(label.Label, { "data-size": size, asChild: true, children: jsxRuntime.jsx(Component, { ref: combinedRef, tabIndex: -1, className: cl('ds-combobox__custom', className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index, "data-active": activeIndex === index, ...omit.omit(['interactive'], rest), ...omit.omit(['onClick', 'onPointerLeave'], getItemProps()) }) }));
-});
-
-exports.ComboboxCustom = ComboboxCustom;