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

package/dist/cjs/components/Button/Button.js

@@ -11,7 +11,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
  */
 const Button = React.forwardRef(({ children, variant = 'primary', color = 'accent', fullWidth = false, icon = false, type = 'button', size = 'md', asChild, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'button';
-    return (jsxRuntime.jsx(Component, { ref: ref, type: type, className: lite.clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
+    return (jsxRuntime.jsx(Component, { ref: ref, type: type, className: lite.clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-paragraph-short--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
 });
 Button.displayName = 'Button';
 

package/dist/cjs/components/Card/CardContent.js

@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 
 const CardContent = React.forwardRef(({ asChild, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__content`, className), ref: ref, ...rest }));
+    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__content`, `ds-paragraph--md`, className), ref: ref, ...rest }));
 });
 CardContent.displayName = 'CardContent';
 

package/dist/cjs/components/Card/CardFooter.js

@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 
 const CardFooter = React.forwardRef(({ asChild, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__footer`, className), ref: ref, ...rest }));
+    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__footer`, `ds-paragraph--md`, className), ref: ref, ...rest }));
 });
 CardFooter.displayName = 'CardFooter';
 

package/dist/cjs/components/Card/CardHeader.js

@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 
 const CardHeader = React.forwardRef(({ asChild, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__header`, className), ref: ref, ...rest }));
+    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__header`, `ds-heading--md`, className), ref: ref, ...rest }));
 });
 CardHeader.displayName = 'CardHeader';
 

package/dist/cjs/components/HelpText/HelpText.js

@@ -9,7 +9,7 @@ var HelpTextIcon = require('./HelpTextIcon.js');
 
 const HelpText = ({ title, placement = 'right', portal, size = 'md', className, children, ...rest }) => {
     const [open, setOpen] = React.useState(false);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(index.Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsxRuntime.jsx(index.Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxRuntime.jsxs("button", { className: lite.clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { filled: true, className: lite.clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { className: lite.clsx(`ds-helptext__icon`, className), openState: open }), jsxRuntime.jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsxRuntime.jsx(index.Popover.Content, { className: 'ds-helptext__content', children: children })] }) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(index.Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsxRuntime.jsx(index.Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxRuntime.jsxs("button", { className: lite.clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { filled: true, className: lite.clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { className: lite.clsx(`ds-helptext__icon`, className), openState: open }), jsxRuntime.jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsxRuntime.jsx(index.Popover.Content, { className: lite.clsx('ds-helptext__content', 'ds-paragraph--md'), children: children })] }) }));
 };
 HelpText.displayName = 'HelpText';
 

package/dist/cjs/components/Link/Link.js

@@ -8,7 +8,7 @@ var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
 
 const Link = React.forwardRef(({ color = 'accent', asChild, children, className, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'a';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx('ds-link', `ds-link__ ${color}`, className), ref: ref, ...rest, children: children }));
+    return (jsxRuntime.jsx(Component, { className: lite.clsx('ds-link', `ds-link--${color}`, className), ref: ref, ...rest, children: children }));
 });
 Link.displayName = 'Link';
 

package/dist/cjs/components/Tabs/Tabs.js

@@ -21,7 +21,7 @@ const Tabs = React.forwardRef(({ size = 'md', children, value, defaultValue, cla
             value,
             defaultValue,
             onChange: onValueChange,
-        }, children: jsxRuntime.jsx("div", { className: lite.clsx(`ds-tabs--${size}`, className), ref: ref, ...rest, children: children }) }));
+        }, children: jsxRuntime.jsx("div", { className: lite.clsx(`ds-tabs--${size}`, `ds-paragraph-short--${size}`, className), ref: ref, ...rest, children: children }) }));
 });
 Tabs.displayName = 'Tabs';
 

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

@@ -78,7 +78,7 @@ const Tooltip = React.forwardRef(({ children, content, placement = 'top', delay
     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', className),
+                        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 })] }) }))] }));

package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.js

@@ -9,7 +9,7 @@ var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
 /** Use `ErrorMessage` to display text as error message. */
 const ErrorMessage = React.forwardRef(({ size = 'md', className, spacing, asChild, error = true, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-error-message', `ds-error-message--${size}`, spacing && 'ds-error-message--spacing', error && 'ds-error-message--error', className), ...rest }));
+    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-error-message', `ds-error_message--${size}`, spacing && 'ds-error-message--spacing', error && 'ds-error-message--error', className), ...rest }));
 });
 ErrorMessage.displayName = 'ErrorMessage';
 

package/dist/cjs/components/Typography/Paragraph/Paragraph.js

@@ -9,7 +9,10 @@ var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
 /** Use `Paragraph` to display text with paragraph text styles. */
 const Paragraph = React.forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
     const Component = asChild ? index.Slot : 'p';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-paragraph', `ds-paragraph--${size}`, spacing && 'ds-paragraph--spacing', variant && `ds-paragraph--${variant}`, className), ...rest }));
+    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-paragraph', spacing && 'ds-paragraph--spacing', variant
+            ? `ds-paragraph-${variant}--${size}`
+            : `ds-paragraph--${size}`, // TODO find a better solution for this
+        className), ...rest }));
 });
 Paragraph.displayName = 'Paragraph';
 

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

@@ -23,7 +23,7 @@ const ComboboxCustom = React.forwardRef(({ asChild, interactive, id, className,
     if (!context) {
         throw new Error('ComboboxCustom must be used within a Combobox');
     }
-    const { customIds, listRef, getItemProps } = context;
+    const { customIds, listRef, getItemProps, size } = context;
     const index$1 = React.useMemo(() => (id && customIds.indexOf(id)) || 0, [id, customIds]);
     const combinedRef = floatingUi_react.useMergeRefs([
         (node) => {
@@ -31,7 +31,7 @@ const ComboboxCustom = React.forwardRef(({ asChild, interactive, id, className,
         },
         ref,
     ]);
-    return (jsxRuntime.jsx(Component, { ref: combinedRef, tabIndex: -1, className: lite.clsx('ds-combobox__custom', className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index$1, "data-active": activeIndex === index$1, ...objectUtils.omit(['interactive'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], getItemProps()) }));
+    return (jsxRuntime.jsx(Component, { ref: combinedRef, tabIndex: -1, className: lite.clsx('ds-combobox__custom', `ds-label--${size}`, className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index$1, "data-active": activeIndex === index$1, ...objectUtils.omit(['interactive'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], getItemProps()) }));
 });
 var ComboboxCustom$1 = ComboboxCustom;
 

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

@@ -13,8 +13,8 @@ const ComboboxEmpty = React.forwardRef(({ children, className, ...rest }, ref) =
     if (!context) {
         throw new Error('ComboboxEmpty must be used within a Combobox');
     }
-    const { filteredOptions } = context;
-    return (filteredOptions.length === 0 && (jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-combobox__empty', className), ...rest, children: children })));
+    const { filteredOptions, size } = context;
+    return (filteredOptions.length === 0 && (jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-combobox__empty', `ds-label--${size}`, className), ...rest, children: children })));
 });
 ComboboxEmpty.displayName = 'ComboboxEmpty';
 

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

@@ -27,7 +27,7 @@ const ComboboxOption = React.memo(React.forwardRef(({ value, description, childr
     return (jsxRuntime.jsxs("button", { ref: ref, id: id, role: 'option', type: 'button', "aria-selected": !!selected, "aria-labelledby": labelId, tabIndex: -1, onClick: (e) => {
             onOptionClick();
             rest.onClick?.(e);
-        }, className: lite.clsx('ds-combobox__option', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...objectUtils.omit(['displayValue'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], props), children: [jsxRuntime.jsx(Label.Label, { asChild: true, size: size, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SelectedIcon.SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxRuntime.jsxs(Label.Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsxRuntime.jsx(Description.default, { children: description }))] })] }));
+        }, className: lite.clsx('ds-combobox__option', 'ds-label--md', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...objectUtils.omit(['displayValue'], rest), ...objectUtils.omit(['onClick', 'onPointerLeave'], props), children: [jsxRuntime.jsx(Label.Label, { asChild: true, size: size, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(SelectedIcon.SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxRuntime.jsxs(Label.Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsxRuntime.jsx(Description.default, { children: description }))] })] }));
 }));
 ComboboxOption.displayName = 'ComboboxOption';
 

package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js

@@ -10,7 +10,6 @@ var akselIcons = require('@navikt/aksel-icons');
 var floatingUi_react = require('../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
 var ComboboxContext = require('../ComboboxContext.js');
 var ComboboxIdContext = require('../ComboboxIdContext.js');
-var useCombobox = require('../useCombobox.js');
 var ComboboxChips = require('./ComboboxChips.js');
 var ComboboxClearButton = require('./ComboboxClearButton.js');
 var Box = require('../../../Box/Box.js');
@@ -25,7 +24,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
     const setActiveIndex = (id) => {
         idDispatch?.({ type: 'SET_ACTIVE_INDEX', payload: id });
     };
-    const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, } = context;
+    const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, size, } = context;
     const mergedRefs = floatingUi_react.useMergeRefs([forwareddRef, inputRef]);
     // onChange function for the input
     const onChange = (event) => {
@@ -33,12 +32,11 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
         setInputValue(value);
         setActiveIndex(0);
         // check if input value is the same as a label, if so, select it
-        const option = options[useCombobox.prefix(value.toLowerCase())];
-        if (!option)
-            return;
-        if (selectedOptions[useCombobox.prefix(option.value)])
-            return;
-        handleSelectOption({ option: option });
+        Object.values(options).forEach((option) => {
+            if (option.label.toLowerCase() === value.toLowerCase()) {
+                handleSelectOption({ option: option });
+            }
+        });
     };
     const showClearButton = multiple && !hideClearButton && Object.keys(selectedOptions).length > 0;
     /* Props from floating-ui */
@@ -67,7 +65,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
             }
         },
     });
-    return (jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: lite.clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
+    return (jsxRuntime.jsxs(Box.Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: lite.clsx('ds-textfield__input', `ds-paragraph--${size}`, 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxRuntime.jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsxRuntime.jsx(ComboboxChips.default, {}), jsxRuntime.jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...objectUtils.omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: lite.clsx('ds-combobox__input', `ds-paragraph--${size}`), onChange: (e) => {
                             onChange(e);
                             !open && setOpen(true);
                             rest.onChange && rest.onChange(e);

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

@@ -97,7 +97,8 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
     const [selectedOptions, setSelectedOptions] = React.useState(preSelectedOptions);
     const { filteredOptions, filteredOptionsChildren } = React.useMemo(() => {
         const filteredOptions = [];
-        const filteredOptionsChildren = Object.keys(options).map((option, index) => {
+        const filteredOptionsChildren = Object.keys(options)
+            .map((option, index) => {
             /* If we have a selected value in single mode and the input matches an option, return all children */
             if (!multiple && Object.keys(selectedOptions).length === 1) {
                 filteredOptions.push(option);
@@ -111,7 +112,9 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
                 filteredOptions.push(option);
                 return optionsChildren[index];
             }
-        });
+            return;
+        })
+            .filter((child) => child);
         return { filteredOptions, filteredOptionsChildren };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputValue, multiple, options, optionsChildren, selectedOptions]);

package/dist/cjs/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -18,16 +18,20 @@ const observeElementRect = (instance, cb) => {
   if (!element) {
     return;
   }
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
   const handler = (rect) => {
     const { width, height } = rect;
     cb({ width: Math.round(width), height: Math.round(height) });
   };
   handler(element.getBoundingClientRect());
-  if (typeof ResizeObserver === "undefined") {
+  if (!targetWindow.ResizeObserver) {
     return () => {
     };
   }
-  const observer = new ResizeObserver((entries) => {
+  const observer = new targetWindow.ResizeObserver((entries) => {
     const entry = entries[0];
     if (entry == null ? void 0 : entry.borderBoxSize) {
       const box = entry.borderBoxSize[0];
@@ -43,20 +47,40 @@ const observeElementRect = (instance, cb) => {
     observer.unobserve(element);
   };
 };
+const addEventListenerOptions = {
+  passive: true
+};
+const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
 const observeElementOffset = (instance, cb) => {
   const element = instance.scrollElement;
   if (!element) {
     return;
   }
-  const handler = () => {
-    cb(element[instance.options.horizontal ? "scrollLeft" : "scrollTop"]);
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
+  let offset = 0;
+  const fallback = supportsScrollend ? () => void 0 : utils.debounce(
+    targetWindow,
+    () => {
+      cb(offset, false);
+    },
+    instance.options.isScrollingResetDelay
+  );
+  const createHandler = (isScrolling) => () => {
+    offset = element[instance.options.horizontal ? "scrollLeft" : "scrollTop"];
+    fallback();
+    cb(offset, isScrolling);
   };
-  handler();
-  element.addEventListener("scroll", handler, {
-    passive: true
-  });
+  const handler = createHandler(true);
+  const endHandler = createHandler(false);
+  endHandler();
+  element.addEventListener("scroll", handler, addEventListenerOptions);
+  element.addEventListener("scrollend", endHandler, addEventListenerOptions);
   return () => {
     element.removeEventListener("scroll", handler);
+    element.removeEventListener("scrollend", endHandler);
   };
 };
 const measureElement = (element, entry, instance) => {
@@ -88,8 +112,8 @@ class Virtualizer {
   constructor(opts) {
     this.unsubs = [];
     this.scrollElement = null;
+    this.targetWindow = null;
     this.isScrolling = false;
-    this.isScrollingTimeoutId = null;
     this.scrollToIndexTimeoutId = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
@@ -102,15 +126,15 @@ class Virtualizer {
       const get = () => {
         if (_ro) {
           return _ro;
-        } else if (typeof ResizeObserver !== "undefined") {
-          return _ro = new ResizeObserver((entries) => {
-            entries.forEach((entry) => {
-              this._measureElement(entry.target, entry);
-            });
-          });
-        } else {
+        }
+        if (!this.targetWindow || !this.targetWindow.ResizeObserver) {
           return null;
         }
+        return _ro = new this.targetWindow.ResizeObserver((entries) => {
+          entries.forEach((entry) => {
+            this._measureElement(entry.target, entry);
+          });
+        });
       };
       return {
         disconnect: () => {
@@ -150,39 +174,24 @@ class Virtualizer {
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
-        scrollingDelay: 150,
         indexAttribute: "data-index",
         initialMeasurementsCache: [],
         lanes: 1,
+        isScrollingResetDelay: 150,
         ...opts2
       };
     };
-    this.notify = (sync) => {
+    this.notify = (force, sync) => {
       var _a, _b;
-      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-    };
-    this.maybeNotify = utils.memo(
-      () => {
-        this.calculateRange();
-        return [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ];
-      },
-      (isScrolling) => {
-        this.notify(isScrolling);
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "maybeNotify",
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
+      const { startIndex, endIndex } = this.range ?? {
+        startIndex: void 0,
+        endIndex: void 0
+      };
+      const range = this.calculateRange();
+      if (force || startIndex !== (range == null ? void 0 : range.startIndex) || endIndex !== (range == null ? void 0 : range.endIndex)) {
+        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
       }
-    );
+    };
     this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
@@ -196,10 +205,16 @@ class Virtualizer {
       };
     };
     this._willUpdate = () => {
+      var _a;
       const scrollElement = this.options.getScrollElement();
       if (this.scrollElement !== scrollElement) {
         this.cleanup();
         this.scrollElement = scrollElement;
+        if (this.scrollElement && "ownerDocument" in this.scrollElement) {
+          this.targetWindow = this.scrollElement.ownerDocument.defaultView;
+        } else {
+          this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
+        }
         this._scrollToOffset(this.scrollOffset, {
           adjustments: void 0,
           behavior: void 0
@@ -207,29 +222,17 @@ class Virtualizer {
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
-            this.maybeNotify();
+            this.notify(false, false);
           })
         );
         this.unsubs.push(
-          this.options.observeElementOffset(this, (offset) => {
+          this.options.observeElementOffset(this, (offset, isScrolling) => {
             this.scrollAdjustments = 0;
-            if (this.scrollOffset === offset) {
-              return;
-            }
-            if (this.isScrollingTimeoutId !== null) {
-              clearTimeout(this.isScrollingTimeoutId);
-              this.isScrollingTimeoutId = null;
-            }
-            this.isScrolling = true;
-            this.scrollDirection = this.scrollOffset < offset ? "forward" : "backward";
+            this.scrollDirection = isScrolling ? this.scrollOffset < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
-            this.maybeNotify();
-            this.isScrollingTimeoutId = setTimeout(() => {
-              this.isScrollingTimeoutId = null;
-              this.isScrolling = false;
-              this.scrollDirection = null;
-              this.maybeNotify();
-            }, this.options.scrollingDelay);
+            const prevIsScrolling = this.isScrolling;
+            this.isScrolling = isScrolling;
+            this.notify(prevIsScrolling !== isScrolling, isScrolling);
           })
         );
       }
@@ -237,7 +240,7 @@ class Virtualizer {
     this.getSize = () => {
       return this.scrollRect[this.options.horizontal ? "width" : "height"];
     };
-    this.memoOptions = utils.memo(
+    this.getMeasurementOptions = utils.memo(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -285,7 +288,7 @@ class Virtualizer {
       })[0] : void 0;
     };
     this.getMeasurements = utils.memo(
-      () => [this.memoOptions(), this.itemSizeCache],
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count, paddingStart, scrollMargin, getItemKey }, itemSizeCache) => {
         const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
@@ -338,7 +341,8 @@ class Virtualizer {
       ],
       (rangeExtractor, range, overscan, count) => {
         return range === null ? [] : rangeExtractor({
-          ...range,
+          startIndex: range.startIndex,
+          endIndex: range.endIndex,
           overscan,
           count
         });
@@ -385,7 +389,7 @@ class Virtualizer {
       const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
       const delta = size - itemSize;
       if (delta !== 0) {
-        if (item.start < this.scrollOffset + this.scrollAdjustments) {
+        if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.scrollOffset + this.scrollAdjustments) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {
             console.info("correction", delta);
           }
@@ -396,7 +400,7 @@ class Virtualizer {
         }
         this.pendingMeasuredCacheIndexes.push(item.index);
         this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-        this.notify(false);
+        this.notify(true, false);
       }
     };
     this.measureElement = (node) => {
@@ -472,8 +476,8 @@ class Virtualizer {
     };
     this.isDynamicMode = () => this.measureElementCache.size > 0;
     this.cancelScrollToIndex = () => {
-      if (this.scrollToIndexTimeoutId !== null) {
-        clearTimeout(this.scrollToIndexTimeoutId);
+      if (this.scrollToIndexTimeoutId !== null && this.targetWindow) {
+        this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId);
         this.scrollToIndexTimeoutId = null;
       }
     };
@@ -499,8 +503,8 @@ class Virtualizer {
       }
       const [toOffset, align] = this.getOffsetForIndex(index, initialAlign);
       this._scrollToOffset(toOffset, { adjustments: void 0, behavior });
-      if (behavior !== "smooth" && this.isDynamicMode()) {
-        this.scrollToIndexTimeoutId = setTimeout(() => {
+      if (behavior !== "smooth" && this.isDynamicMode() && this.targetWindow) {
+        this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
           this.scrollToIndexTimeoutId = null;
           const elementInDOM = this.measureElementCache.has(
             this.options.getItemKey(index)
@@ -548,17 +552,18 @@ class Virtualizer {
       this.options.scrollToFn(offset, { behavior, adjustments }, this);
     };
     this.measure = () => {
+      var _a, _b;
       this.itemSizeCache = /* @__PURE__ */ new Map();
-      this.notify(false);
+      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, false);
     };
     this.setOptions(opts);
     this.scrollRect = this.options.initialRect;
-    this.scrollOffset = this.options.initialOffset;
+    this.scrollOffset = typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset;
     this.measurementsCache = this.options.initialMeasurementsCache;
     this.measurementsCache.forEach((item) => {
       this.itemSizeCache.set(item.key, item.size);
     });
-    this.maybeNotify();
+    this.notify(false, false);
   }
 }
 const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
@@ -595,6 +600,7 @@ function calculateRange({
 }
 
 exports.approxEqual = utils.approxEqual;
+exports.debounce = utils.debounce;
 exports.memo = utils.memo;
 exports.notUndefined = utils.notUndefined;
 exports.Virtualizer = Virtualizer;

package/dist/cjs/node_modules/@tanstack/virtual-core/dist/esm/utils.js

@@ -54,7 +54,15 @@ function notUndefined(value, msg) {
   }
 }
 const approxEqual = (a, b) => Math.abs(a - b) < 1;
+const debounce = (targetWindow, fn, ms) => {
+  let timeoutId;
+  return function(...args) {
+    targetWindow.clearTimeout(timeoutId);
+    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
+  };
+};
 
 exports.approxEqual = approxEqual;
+exports.debounce = debounce;
 exports.memo = memo;
 exports.notUndefined = notUndefined;

package/dist/esm/components/Button/Button.js

@@ -9,7 +9,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
  */
 const Button = forwardRef(({ children, variant = 'primary', color = 'accent', fullWidth = false, icon = false, type = 'button', size = 'md', asChild, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'button';
-    return (jsx(Component, { ref: ref, type: type, className: clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
+    return (jsx(Component, { ref: ref, type: type, className: clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-paragraph-short--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }));
 });
 Button.displayName = 'Button';
 

package/dist/esm/components/Card/CardContent.js

@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
 
 const CardContent = forwardRef(({ asChild, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__content`, className), ref: ref, ...rest }));
+    return (jsx(Component, { className: clsx(`ds-card__content`, `ds-paragraph--md`, className), ref: ref, ...rest }));
 });
 CardContent.displayName = 'CardContent';
 

package/dist/esm/components/Card/CardFooter.js

@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
 
 const CardFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__footer`, className), ref: ref, ...rest }));
+    return (jsx(Component, { className: clsx(`ds-card__footer`, `ds-paragraph--md`, className), ref: ref, ...rest }));
 });
 CardFooter.displayName = 'CardFooter';
 

package/dist/esm/components/Card/CardHeader.js

@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
 
 const CardHeader = forwardRef(({ asChild, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__header`, className), ref: ref, ...rest }));
+    return (jsx(Component, { className: clsx(`ds-card__header`, `ds-heading--md`, className), ref: ref, ...rest }));
 });
 CardHeader.displayName = 'CardHeader';
 

package/dist/esm/components/HelpText/HelpText.js

@@ -7,7 +7,7 @@ import { HelpTextIcon } from './HelpTextIcon.js';
 
 const HelpText = ({ title, placement = 'right', portal, size = 'md', className, children, ...rest }) => {
     const [open, setOpen] = useState(false);
-    return (jsx(Fragment, { children: jsxs(Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsx(Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxs("button", { className: clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsx(HelpTextIcon, { filled: true, className: clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsx(HelpTextIcon, { className: clsx(`ds-helptext__icon`, className), openState: open }), jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsx(Popover.Content, { className: 'ds-helptext__content', children: children })] }) }));
+    return (jsx(Fragment, { children: jsxs(Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsx(Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxs("button", { className: clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsx(HelpTextIcon, { filled: true, className: clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsx(HelpTextIcon, { className: clsx(`ds-helptext__icon`, className), openState: open }), jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsx(Popover.Content, { className: clsx('ds-helptext__content', 'ds-paragraph--md'), children: children })] }) }));
 };
 HelpText.displayName = 'HelpText';
 

package/dist/esm/components/Link/Link.js

@@ -6,7 +6,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_mo
 
 const Link = forwardRef(({ color = 'accent', asChild, children, className, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'a';
-    return (jsx(Component, { className: clsx('ds-link', `ds-link__ ${color}`, className), ref: ref, ...rest, children: children }));
+    return (jsx(Component, { className: clsx('ds-link', `ds-link--${color}`, className), ref: ref, ...rest, children: children }));
 });
 Link.displayName = 'Link';
 

package/dist/esm/components/Tabs/Tabs.js

@@ -19,7 +19,7 @@ const Tabs = forwardRef(({ size = 'md', children, value, defaultValue, className
             value,
             defaultValue,
             onChange: onValueChange,
-        }, children: jsx("div", { className: clsx(`ds-tabs--${size}`, className), ref: ref, ...rest, children: children }) }));
+        }, children: jsx("div", { className: clsx(`ds-tabs--${size}`, `ds-paragraph-short--${size}`, className), ref: ref, ...rest, children: children }) }));
 });
 Tabs.displayName = 'Tabs';
 

package/dist/esm/components/Tooltip/Tooltip.js

@@ -58,7 +58,7 @@ const Tooltip = forwardRef(({ children, content, placement = 'top', delay = 150,
     return (jsxs(Fragment, { children: [cloneElement(children, getReferenceProps({
                 ref: childMergedRef,
             })), internalOpen && (jsx(Container, { children: jsxs("div", { ref: refs.setFloating, style: { ...floatingStyles, ...animationStyles, ...style }, role: 'tooltip', ...getFloatingProps({
-                        className: clsx('ds-tooltip', className),
+                        className: clsx('ds-tooltip', 'ds-paragraph--xs', className),
                         ref: mergedRef,
                         ...rest,
                     }), children: [content, jsx(FloatingArrow, { ref: arrowRef, context: context, className: 'ds-tooltip__arrow', height: ARROW_HEIGHT })] }) }))] }));

package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.js

@@ -7,7 +7,7 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../../node
 /** Use `ErrorMessage` to display text as error message. */
 const ErrorMessage = forwardRef(({ size = 'md', className, spacing, asChild, error = true, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { ref: ref, className: clsx('ds-error-message', `ds-error-message--${size}`, spacing && 'ds-error-message--spacing', error && 'ds-error-message--error', className), ...rest }));
+    return (jsx(Component, { ref: ref, className: clsx('ds-error-message', `ds-error_message--${size}`, spacing && 'ds-error-message--spacing', error && 'ds-error-message--error', className), ...rest }));
 });
 ErrorMessage.displayName = 'ErrorMessage';
 

package/dist/esm/components/Typography/Paragraph/Paragraph.js

@@ -7,7 +7,10 @@ import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../../node
 /** Use `Paragraph` to display text with paragraph text styles. */
 const Paragraph = forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
     const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'p';
-    return (jsx(Component, { ref: ref, className: clsx('ds-paragraph', `ds-paragraph--${size}`, spacing && 'ds-paragraph--spacing', variant && `ds-paragraph--${variant}`, className), ...rest }));
+    return (jsx(Component, { ref: ref, className: clsx('ds-paragraph', spacing && 'ds-paragraph--spacing', variant
+            ? `ds-paragraph-${variant}--${size}`
+            : `ds-paragraph--${size}`, // TODO find a better solution for this
+        className), ...rest }));
 });
 Paragraph.displayName = 'Paragraph';
 

package/dist/esm/components/form/Combobox/Custom.js

@@ -19,7 +19,7 @@ const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...res
     if (!context) {
         throw new Error('ComboboxCustom must be used within a Combobox');
     }
-    const { customIds, listRef, getItemProps } = context;
+    const { customIds, listRef, getItemProps, size } = context;
     const index = useMemo(() => (id && customIds.indexOf(id)) || 0, [id, customIds]);
     const combinedRef = useMergeRefs([
         (node) => {
@@ -27,7 +27,7 @@ const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...res
         },
         ref,
     ]);
-    return (jsx(Component, { ref: combinedRef, tabIndex: -1, className: clsx('ds-combobox__custom', className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index, "data-active": activeIndex === index, ...omit(['interactive'], rest), ...omit(['onClick', 'onPointerLeave'], getItemProps()) }));
+    return (jsx(Component, { ref: combinedRef, tabIndex: -1, className: clsx('ds-combobox__custom', `ds-label--${size}`, className), id: id || randomId, role: 'option', "aria-selected": activeIndex === index, "data-active": activeIndex === index, ...omit(['interactive'], rest), ...omit(['onClick', 'onPointerLeave'], getItemProps()) }));
 });
 var ComboboxCustom$1 = ComboboxCustom;
 

package/dist/esm/components/form/Combobox/Empty.js

@@ -9,8 +9,8 @@ const ComboboxEmpty = forwardRef(({ children, className, ...rest }, ref) => {
     if (!context) {
         throw new Error('ComboboxEmpty must be used within a Combobox');
     }
-    const { filteredOptions } = context;
-    return (filteredOptions.length === 0 && (jsx("div", { ref: ref, className: clsx('ds-combobox__empty', className), ...rest, children: children })));
+    const { filteredOptions, size } = context;
+    return (filteredOptions.length === 0 && (jsx("div", { ref: ref, className: clsx('ds-combobox__empty', `ds-label--${size}`, className), ...rest, children: children })));
 });
 ComboboxEmpty.displayName = 'ComboboxEmpty';
 

package/dist/esm/components/form/Combobox/Option/Option.js

@@ -25,7 +25,7 @@ const ComboboxOption = memo(forwardRef(({ value, description, children, classNam
     return (jsxs("button", { ref: ref, id: id, role: 'option', type: 'button', "aria-selected": !!selected, "aria-labelledby": labelId, tabIndex: -1, onClick: (e) => {
             onOptionClick();
             rest.onClick?.(e);
-        }, className: clsx('ds-combobox__option', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...omit(['displayValue'], rest), ...omit(['onClick', 'onPointerLeave'], props), children: [jsx(Label, { asChild: true, size: size, children: jsx("span", { children: jsx(SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxs(Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsx(ComboboxOptionDescription, { children: description }))] })] }));
+        }, className: clsx('ds-combobox__option', 'ds-label--md', active && 'ds-combobox__option--active', multiple && 'ds-combobox__option--multiple', className), ...omit(['displayValue'], rest), ...omit(['onClick', 'onPointerLeave'], props), children: [jsx(Label, { asChild: true, size: size, children: jsx("span", { children: jsx(SelectedIcon, { multiple: multiple, selected: !!selected }) }) }), jsxs(Label, { className: 'ds-combobox__option__label', size: size, id: labelId, children: [children, description && (jsx(ComboboxOptionDescription, { children: description }))] })] }));
 }));
 ComboboxOption.displayName = 'ComboboxOption';
 

package/dist/esm/components/form/Combobox/internal/ComboboxInput.js

@@ -6,7 +6,6 @@ import { ChevronUpIcon, ChevronDownIcon } from '@navikt/aksel-icons';
 import { useMergeRefs } from '../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
 import { ComboboxContext } from '../ComboboxContext.js';
 import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
-import { prefix } from '../useCombobox.js';
 import ComboboxChips from './ComboboxChips.js';
 import ComboboxClearButton from './ComboboxClearButton.js';
 import { Box } from '../../../Box/Box.js';
@@ -21,7 +20,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
     const setActiveIndex = (id) => {
         idDispatch?.({ type: 'SET_ACTIVE_INDEX', payload: id });
     };
-    const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, } = context;
+    const { forwareddRef, readOnly, disabled, open, inputRef, refs, inputValue, multiple, selectedOptions, formFieldProps, htmlSize, options, setOpen, getReferenceProps, setInputValue, handleSelectOption, size, } = context;
     const mergedRefs = useMergeRefs([forwareddRef, inputRef]);
     // onChange function for the input
     const onChange = (event) => {
@@ -29,12 +28,11 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
         setInputValue(value);
         setActiveIndex(0);
         // check if input value is the same as a label, if so, select it
-        const option = options[prefix(value.toLowerCase())];
-        if (!option)
-            return;
-        if (selectedOptions[prefix(option.value)])
-            return;
-        handleSelectOption({ option: option });
+        Object.values(options).forEach((option) => {
+            if (option.label.toLowerCase() === value.toLowerCase()) {
+                handleSelectOption({ option: option });
+            }
+        });
     };
     const showClearButton = multiple && !hideClearButton && Object.keys(selectedOptions).length > 0;
     /* Props from floating-ui */
@@ -63,7 +61,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
             }
         },
     });
-    return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
+    return (jsxs(Box, { ...props, "aria-disabled": disabled ? 'true' : undefined, className: clsx('ds-textfield__input', `ds-paragraph--${size}`, 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: clsx('ds-combobox__input', `ds-paragraph--${size}`), onChange: (e) => {
                             onChange(e);
                             !open && setOpen(true);
                             rest.onChange && rest.onChange(e);

package/dist/esm/components/form/Combobox/useCombobox.js

@@ -93,7 +93,8 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
     const [selectedOptions, setSelectedOptions] = useState(preSelectedOptions);
     const { filteredOptions, filteredOptionsChildren } = useMemo(() => {
         const filteredOptions = [];
-        const filteredOptionsChildren = Object.keys(options).map((option, index) => {
+        const filteredOptionsChildren = Object.keys(options)
+            .map((option, index) => {
             /* If we have a selected value in single mode and the input matches an option, return all children */
             if (!multiple && Object.keys(selectedOptions).length === 1) {
                 filteredOptions.push(option);
@@ -107,7 +108,9 @@ function useCombobox({ children, inputValue, multiple, filter = (inputValue, opt
                 filteredOptions.push(option);
                 return optionsChildren[index];
             }
-        });
+            return;
+        })
+            .filter((child) => child);
         return { filteredOptions, filteredOptionsChildren };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputValue, multiple, options, optionsChildren, selectedOptions]);

package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { memo, notUndefined, approxEqual } from './utils.js';
+import { debounce, memo, notUndefined, approxEqual } from './utils.js';
 
 const defaultKeyExtractor = (index) => index;
 const defaultRangeExtractor = (range) => {
@@ -16,16 +16,20 @@ const observeElementRect = (instance, cb) => {
   if (!element) {
     return;
   }
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
   const handler = (rect) => {
     const { width, height } = rect;
     cb({ width: Math.round(width), height: Math.round(height) });
   };
   handler(element.getBoundingClientRect());
-  if (typeof ResizeObserver === "undefined") {
+  if (!targetWindow.ResizeObserver) {
     return () => {
     };
   }
-  const observer = new ResizeObserver((entries) => {
+  const observer = new targetWindow.ResizeObserver((entries) => {
     const entry = entries[0];
     if (entry == null ? void 0 : entry.borderBoxSize) {
       const box = entry.borderBoxSize[0];
@@ -41,20 +45,40 @@ const observeElementRect = (instance, cb) => {
     observer.unobserve(element);
   };
 };
+const addEventListenerOptions = {
+  passive: true
+};
+const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
 const observeElementOffset = (instance, cb) => {
   const element = instance.scrollElement;
   if (!element) {
     return;
   }
-  const handler = () => {
-    cb(element[instance.options.horizontal ? "scrollLeft" : "scrollTop"]);
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
+  let offset = 0;
+  const fallback = supportsScrollend ? () => void 0 : debounce(
+    targetWindow,
+    () => {
+      cb(offset, false);
+    },
+    instance.options.isScrollingResetDelay
+  );
+  const createHandler = (isScrolling) => () => {
+    offset = element[instance.options.horizontal ? "scrollLeft" : "scrollTop"];
+    fallback();
+    cb(offset, isScrolling);
   };
-  handler();
-  element.addEventListener("scroll", handler, {
-    passive: true
-  });
+  const handler = createHandler(true);
+  const endHandler = createHandler(false);
+  endHandler();
+  element.addEventListener("scroll", handler, addEventListenerOptions);
+  element.addEventListener("scrollend", endHandler, addEventListenerOptions);
   return () => {
     element.removeEventListener("scroll", handler);
+    element.removeEventListener("scrollend", endHandler);
   };
 };
 const measureElement = (element, entry, instance) => {
@@ -86,8 +110,8 @@ class Virtualizer {
   constructor(opts) {
     this.unsubs = [];
     this.scrollElement = null;
+    this.targetWindow = null;
     this.isScrolling = false;
-    this.isScrollingTimeoutId = null;
     this.scrollToIndexTimeoutId = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
@@ -100,15 +124,15 @@ class Virtualizer {
       const get = () => {
         if (_ro) {
           return _ro;
-        } else if (typeof ResizeObserver !== "undefined") {
-          return _ro = new ResizeObserver((entries) => {
-            entries.forEach((entry) => {
-              this._measureElement(entry.target, entry);
-            });
-          });
-        } else {
+        }
+        if (!this.targetWindow || !this.targetWindow.ResizeObserver) {
           return null;
         }
+        return _ro = new this.targetWindow.ResizeObserver((entries) => {
+          entries.forEach((entry) => {
+            this._measureElement(entry.target, entry);
+          });
+        });
       };
       return {
         disconnect: () => {
@@ -148,39 +172,24 @@ class Virtualizer {
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
-        scrollingDelay: 150,
         indexAttribute: "data-index",
         initialMeasurementsCache: [],
         lanes: 1,
+        isScrollingResetDelay: 150,
         ...opts2
       };
     };
-    this.notify = (sync) => {
+    this.notify = (force, sync) => {
       var _a, _b;
-      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-    };
-    this.maybeNotify = memo(
-      () => {
-        this.calculateRange();
-        return [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ];
-      },
-      (isScrolling) => {
-        this.notify(isScrolling);
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "maybeNotify",
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
+      const { startIndex, endIndex } = this.range ?? {
+        startIndex: void 0,
+        endIndex: void 0
+      };
+      const range = this.calculateRange();
+      if (force || startIndex !== (range == null ? void 0 : range.startIndex) || endIndex !== (range == null ? void 0 : range.endIndex)) {
+        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
       }
-    );
+    };
     this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
@@ -194,10 +203,16 @@ class Virtualizer {
       };
     };
     this._willUpdate = () => {
+      var _a;
       const scrollElement = this.options.getScrollElement();
       if (this.scrollElement !== scrollElement) {
         this.cleanup();
         this.scrollElement = scrollElement;
+        if (this.scrollElement && "ownerDocument" in this.scrollElement) {
+          this.targetWindow = this.scrollElement.ownerDocument.defaultView;
+        } else {
+          this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
+        }
         this._scrollToOffset(this.scrollOffset, {
           adjustments: void 0,
           behavior: void 0
@@ -205,29 +220,17 @@ class Virtualizer {
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
-            this.maybeNotify();
+            this.notify(false, false);
           })
         );
         this.unsubs.push(
-          this.options.observeElementOffset(this, (offset) => {
+          this.options.observeElementOffset(this, (offset, isScrolling) => {
             this.scrollAdjustments = 0;
-            if (this.scrollOffset === offset) {
-              return;
-            }
-            if (this.isScrollingTimeoutId !== null) {
-              clearTimeout(this.isScrollingTimeoutId);
-              this.isScrollingTimeoutId = null;
-            }
-            this.isScrolling = true;
-            this.scrollDirection = this.scrollOffset < offset ? "forward" : "backward";
+            this.scrollDirection = isScrolling ? this.scrollOffset < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
-            this.maybeNotify();
-            this.isScrollingTimeoutId = setTimeout(() => {
-              this.isScrollingTimeoutId = null;
-              this.isScrolling = false;
-              this.scrollDirection = null;
-              this.maybeNotify();
-            }, this.options.scrollingDelay);
+            const prevIsScrolling = this.isScrolling;
+            this.isScrolling = isScrolling;
+            this.notify(prevIsScrolling !== isScrolling, isScrolling);
           })
         );
       }
@@ -235,7 +238,7 @@ class Virtualizer {
     this.getSize = () => {
       return this.scrollRect[this.options.horizontal ? "width" : "height"];
     };
-    this.memoOptions = memo(
+    this.getMeasurementOptions = memo(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -283,7 +286,7 @@ class Virtualizer {
       })[0] : void 0;
     };
     this.getMeasurements = memo(
-      () => [this.memoOptions(), this.itemSizeCache],
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count, paddingStart, scrollMargin, getItemKey }, itemSizeCache) => {
         const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
@@ -336,7 +339,8 @@ class Virtualizer {
       ],
       (rangeExtractor, range, overscan, count) => {
         return range === null ? [] : rangeExtractor({
-          ...range,
+          startIndex: range.startIndex,
+          endIndex: range.endIndex,
           overscan,
           count
         });
@@ -383,7 +387,7 @@ class Virtualizer {
       const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
       const delta = size - itemSize;
       if (delta !== 0) {
-        if (item.start < this.scrollOffset + this.scrollAdjustments) {
+        if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.scrollOffset + this.scrollAdjustments) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {
             console.info("correction", delta);
           }
@@ -394,7 +398,7 @@ class Virtualizer {
         }
         this.pendingMeasuredCacheIndexes.push(item.index);
         this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-        this.notify(false);
+        this.notify(true, false);
       }
     };
     this.measureElement = (node) => {
@@ -470,8 +474,8 @@ class Virtualizer {
     };
     this.isDynamicMode = () => this.measureElementCache.size > 0;
     this.cancelScrollToIndex = () => {
-      if (this.scrollToIndexTimeoutId !== null) {
-        clearTimeout(this.scrollToIndexTimeoutId);
+      if (this.scrollToIndexTimeoutId !== null && this.targetWindow) {
+        this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId);
         this.scrollToIndexTimeoutId = null;
       }
     };
@@ -497,8 +501,8 @@ class Virtualizer {
       }
       const [toOffset, align] = this.getOffsetForIndex(index, initialAlign);
       this._scrollToOffset(toOffset, { adjustments: void 0, behavior });
-      if (behavior !== "smooth" && this.isDynamicMode()) {
-        this.scrollToIndexTimeoutId = setTimeout(() => {
+      if (behavior !== "smooth" && this.isDynamicMode() && this.targetWindow) {
+        this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
           this.scrollToIndexTimeoutId = null;
           const elementInDOM = this.measureElementCache.has(
             this.options.getItemKey(index)
@@ -546,17 +550,18 @@ class Virtualizer {
       this.options.scrollToFn(offset, { behavior, adjustments }, this);
     };
     this.measure = () => {
+      var _a, _b;
       this.itemSizeCache = /* @__PURE__ */ new Map();
-      this.notify(false);
+      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, false);
     };
     this.setOptions(opts);
     this.scrollRect = this.options.initialRect;
-    this.scrollOffset = this.options.initialOffset;
+    this.scrollOffset = typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset;
     this.measurementsCache = this.options.initialMeasurementsCache;
     this.measurementsCache.forEach((item) => {
       this.itemSizeCache.set(item.key, item.size);
     });
-    this.maybeNotify();
+    this.notify(false, false);
   }
 }
 const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
@@ -592,4 +597,4 @@ function calculateRange({
   return { startIndex, endIndex };
 }
 
-export { Virtualizer, approxEqual, defaultKeyExtractor, defaultRangeExtractor, elementScroll, measureElement, memo, notUndefined, observeElementOffset, observeElementRect };
+export { Virtualizer, approxEqual, debounce, defaultKeyExtractor, defaultRangeExtractor, elementScroll, measureElement, memo, notUndefined, observeElementOffset, observeElementRect };

package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/utils.js

@@ -52,5 +52,12 @@ function notUndefined(value, msg) {
   }
 }
 const approxEqual = (a, b) => Math.abs(a - b) < 1;
+const debounce = (targetWindow, fn, ms) => {
+  let timeoutId;
+  return function(...args) {
+    targetWindow.clearTimeout(timeoutId);
+    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
+  };
+};
 
-export { approxEqual, memo, notUndefined };
+export { approxEqual, debounce, memo, notUndefined };

package/dist/types/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IA3BjB,mCAAmC;;IAEnC;;OAEG;;IAEH;;;OAGG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA6CJ,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,MAAM;IA3BjB,mCAAmC;;IAEnC;;OAEG;;IAEH;;;OAGG;;IAEH,0DAA0D;;IAE1D;;OAEG;;IAEH;;;OAGG;;+FA8CJ,CAAC"}

package/dist/types/components/HelpText/HelpText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;uEAQX,aAAa;;CAkDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG;IAC1B;;QAEI;IACJ,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,WAAW,GACb,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ;uEAQX,aAAa;;CAoDf,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/types/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,SAAS,GAAG;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,WAAW,2CAAsC,CAAC;AAE/D,eAAO,MAAM,IAAI;IApCf,6CAA6C;;IAE7C,qBAAqB;;IAErB,+CAA+C;wBAC5B,MAAM,KAAK,IAAI;IAClC;;;OAGG;;+GAuEJ,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,SAAS,GAAG;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,WAAW,2CAAsC,CAAC;AAE/D,eAAO,MAAM,IAAI;IApCf,6CAA6C;;IAE7C,qBAAqB;;IAErB,+CAA+C;wBAC5B,MAAM,KAAK,IAAI;IAClC;;;OAGG;;+GA2EJ,CAAC"}

package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,kEAAkE;AAClE,eAAO,MAAM,SAAS;IAnBpB;;;;;OAKG;;IAEH,yBAAyB;;IAEzB,2CAA2C;;IAE3C;;;OAGG;;+FAuBJ,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,kEAAkE;AAClE,eAAO,MAAM,SAAS;IAnBpB;;;;;OAKG;;IAEH,yBAAyB;;IAEzB,2CAA2C;;IAE3C;;;OAGG;;+FAyBJ,CAAC"}

package/dist/types/components/form/Combobox/Option/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;IAfzB;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;;OAGG;;4FAwEJ,CAAC"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;IAfzB;;OAEG;WACI,MAAM;IACb;;OAEG;;IAEH;;;OAGG;;4FAyEJ,CAAC"}

package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;CAgIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Combobox/internal/ComboboxInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CACrD,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa;4EAOvB,kBAAkB;;CAkIpB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/types/components/form/Combobox/useCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAID;;;;GAIG;AACH,eAAO,MAAM,MAAM,WAAY,MAAM,KAAG,MAEvC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAE5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EAuIlB"}
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/useCombobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAGpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,GACf,KAAK,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAE5C;AAID;;;;GAIG;AACH,eAAO,MAAM,MAAM,WAAY,MAAM,KAAG,MAEvC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,MAE5C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAEC,EACD,YAAY,GACb,EAAE,gBAAgB;;;;;;;;;;;;;;;EAyIlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "1.0.0-rc.6",
+  "version": "1.0.0-rc.8",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": "https://github.com/digdir/designsystemet",
@@ -30,7 +30,7 @@
     "@floating-ui/react": "0.26.12",
     "@navikt/aksel-icons": "^5.12.2",
     "@radix-ui/react-slot": "^1.0.2",
-    "@tanstack/react-virtual": "^3.2.0"
+    "@tanstack/react-virtual": "^3.5.1"
   },
   "devDependencies": {
     "copyfiles": "^2.4.1",
@@ -39,5 +39,5 @@
     "rollup": "^4.12.1",
     "typescript": "^5.4.2"
   },
-  "gitHead": "92430c5083e185ada96522d28ff1c5bd2811de88"
+  "gitHead": "87591aa2ce0bbcb4fc451ddcbb2ae9f15cfcfeca"
 }