@digdir/designsystemet-react 1.14.0 → 1.16.0

package/dist/cjs/components/button/button.js

@@ -13,7 +13,7 @@ var spinner = require('../spinner/spinner.js');
  * @example
  * <Button>Click me</Button>
  */
-const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
+const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant, popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'button';
     const popoverVal = popoverTarget ?? popovertarget;
     const popoverKey = react.version.startsWith('19')

package/dist/cjs/components/checkbox/checkbox.js

@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
  * @example
  * <Checkbox label="I agree" value="agree" />
  */
-const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
+const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, children, className, description, error, label: label$1, position, style, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
 });
 
 exports.Checkbox = Checkbox;

package/dist/cjs/components/dialog/dialog.js

@@ -38,12 +38,25 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
     const dialogRef = react.useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? reactSlot.Slot : 'dialog';
     const mergedRefs = useMergeRefs.useMergeRefs([contextRef, ref, dialogRef]);
-    const showProp = modal ? 'showModal' : 'show';
     const autoId = react.useId();
     const usedId = id ?? autoId;
     // Toggle open based on prop
-    react.useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => onClose?.(event.nativeEvent), onClick: (event) => {
+    react.useEffect(() => {
+        if (open === undefined)
+            return; // Uncontrolled if open prop is not provided
+        const dialog = dialogRef.current;
+        if (dialog) {
+            if (open && !dialog.open)
+                dialog[modal ? 'showModal' : 'show']();
+            else
+                dialog.open = !!open; // Close with prop to prevent close event from firing
+        }
+    }, [open, modal]);
+    return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => {
+            if (event.target !== event.currentTarget)
+                return; // Ignore close events from nested dialogs
+            onClose?.(event.nativeEvent); // Backward compatibility: expose native event
+        }, onClick: (event) => {
             onClick?.(event);
             const { currentTarget: dialog, target: el, defaultPrevented } = event;
             const isClose = el?.closest?.('[data-command="close"]');
@@ -53,11 +66,12 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
                     console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
             }
         }, onAnimationEnd: (event) => {
-            const { currentTarget: dialog } = event;
-            const autofocus = dialog.querySelector('[autofocus]');
+            onAnimationEnd?.(event);
+            if (event.currentTarget !== event.target)
+                return; // Only run if event is from the dialog itself
+            const autofocus = event.currentTarget.querySelector('[autofocus]');
             if (document.activeElement !== autofocus)
                 autofocus?.focus(); // Handle autofocus on open
-            onAnimationEnd?.(event);
         }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
 });
 

package/dist/cjs/components/label/label.js

@@ -12,7 +12,7 @@ var react = require('react');
  * @example
  * <Label data-size='lg' weight='medium'>Label</Label>
  */
-const Label = react.forwardRef(function Label({ className, weight = 'medium', asChild, ...rest }, ref) {
+const Label = react.forwardRef(function Label({ className, weight, asChild, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'label';
     return (jsxRuntime.jsx(Component, { ref: ref, className: cl('ds-label', className), suppressHydrationWarning // Since <ds-field> will add for attribute dynamically
         : true, "data-weight": weight, ...rest }));

package/dist/cjs/components/pagination/pagination-button.js

@@ -14,7 +14,7 @@ var button = require('../button/button.js');
  * </PaginationItem>
  */
 const PaginationButton = react.forwardRef(function PaginationButton(rest, ref) {
-    return jsxRuntime.jsx(button.Button, { "data-variant": 'tertiary', ref: ref, ...rest });
+    return jsxRuntime.jsx(button.Button, { ref: ref, ...rest });
 });
 
 exports.PaginationButton = PaginationButton;

package/dist/cjs/components/popover/popover.js

@@ -53,16 +53,12 @@ const Popover = react.forwardRef(function Popover({ id, className, onClose, onOp
             }
         };
         const handleKeydown = (event) => {
-            if (event.key !== 'Escape' || !controlledOpen)
-                return;
-            const isOpen = popoverRef.current?.matches(':popover-open') ||
-                popoverRef.current?.classList.contains(':popover-open'); // Polyfill support
-            if (!isOpen)
-                return;
-            event.preventDefault(); // Prevent closing fullscreen in Safari
-            document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popoover="manual"` doesn't do this
-            setInternalOpen(false);
-            onClose?.();
+            if (event.key === 'Escape' && controlledOpen && isTopLayer(popover)) {
+                event.preventDefault(); // Prevent closing fullscreen in Safari
+                document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popover="manual"` doesn't do this
+                setInternalOpen(false);
+                onClose?.();
+            }
         };
         popover?.togglePopover?.(controlledOpen);
         if (controlledOpen) {
@@ -84,5 +80,25 @@ const Popover = react.forwardRef(function Popover({ id, className, onClose, onOp
     return (jsxRuntime.jsx(Component, { className: cl('ds-popover', className), id: id || popoverId, popover: 'manual', "data-placement": placement, "data-variant": variant, ref: mergedRefs, suppressHydrationWarning // Since _ds-floating adds attributes
         : true, ...rest }));
 });
+// NOTE: This is not able to check if the popover is the most recently added #topLayer,
+// so we need another method in time, or remove the controlled popover="manual" in a v2
+const isTopLayer = (checkElement) => {
+    if (!checkElement)
+        return false;
+    const { x, y, width, height } = checkElement.getBoundingClientRect();
+    const topElement = document.elementFromPoint(x + width / 2, y + height / 2);
+    // If the element on top is on browser #top-layer but not same as provided element, then provided element is not on top
+    for (let el = topElement; el; el = el.parentElement) {
+        if (checkElement === el)
+            return true; // If the topElement is same as provided element, it's on top
+        if (el instanceof HTMLDialogElement && el.open)
+            return false; // Check for open dialog
+        if (el.classList.contains(':popover-open'))
+            return false; // Polyfill support
+        if (el.matches(':popover-open'))
+            return false; // Native support
+    }
+    return false;
+};
 
 exports.Popover = Popover;

package/dist/cjs/components/radio/radio.js

@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
  * @example
  * <Radio label="I agree" value="agree" />
  */
-const Radio = react.forwardRef(function Radio({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
+const Radio = react.forwardRef(function Radio({ 'data-size': size, children, className, description, error, label: label$1, position, style, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
 });
 
 exports.Radio = Radio;

package/dist/cjs/components/tabs/tabs-tab.js

@@ -14,9 +14,7 @@ var tabs = require('./tabs.js');
  */
 const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
     const { onChange, getPrefixedValue, isControlled, currentValue } = react.useContext(tabs.Context);
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: ds-tabs IS interactive
-    jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
+    return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
             if (isControlled && currentValue !== value)

package/dist/cjs/components/toggle-group/toggle-group.js

@@ -16,7 +16,7 @@ const ToggleGroupContext = react.createContext({});
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant = 'primary', ...rest }, ref) {
+const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
     const nameId = react.useId();
     const isControlled = value !== undefined;
     const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);

package/dist/cjs/components/tooltip/tooltip.js

@@ -22,7 +22,7 @@ var react = require('react');
 const Tooltip = react.forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, ref) {
     /* check if children is a string */
     const isString = typeof rest.children === 'string';
-    return (jsxRuntime.jsx(reactSlot.Slot, { "aria-label": content || undefined, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
+    return (jsxRuntime.jsx(reactSlot.Slot, { "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
         : true, ref: ref, ...rest, children: isString ? jsxRuntime.jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
 });
 

package/dist/cjs/utilities/hooks/use-checkbox-group/use-checkbox-group.js

@@ -47,10 +47,15 @@ function useCheckboxGroup(props) {
          * <Checkbox {...getCheckboxProps({ value: 'all', allowIndeterminate: true })} />
          */
         getCheckboxProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const checkboxProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue || {};
-            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = checkboxProps;
             const handleRef = (element) => {
                 if (element) {
                     const refs = allowIndeterminate ? indeterminateRefs : checkboxRefs;
@@ -92,6 +97,7 @@ function useCheckboxGroup(props) {
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||
                     undefined,

package/dist/cjs/utilities/hooks/use-pagination/use-pagination.js

@@ -63,17 +63,15 @@ const usePagination = ({ currentPage: current = 1, setCurrentPage, onChange, tot
                 }
                 : null),
         })),
-        /** Properties to spread on Pagination.Button used for previous naviagation */
+        /** Properties to spread on Pagination.Button used for previous navigation */
         prevButtonProps: {
             'aria-hidden': !prev, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(prev),
-            variant: 'tertiary',
         },
-        /** Properties to spread on Pagination.Button used for next naviagation */
+        /** Properties to spread on Pagination.Button used for next navigation */
         nextButtonProps: {
             'aria-hidden': !next, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(next),
-            variant: 'tertiary',
         },
         /** Indication if previous page action should be shown or not */
         hasPrev: !!prev,

package/dist/cjs/utilities/hooks/use-radio-group/use-radio-group.js

@@ -16,8 +16,9 @@ var react = require('react');
  *   value: '',
  * });
  */
-function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue = '', } = {}) {
-    const [groupValue, setGroupValue] = react.useState(initalValue);
+function useRadioGroup(props) {
+    const { error, readOnly, required, disabled, name, onChange, value: initialValue = '', } = props || {};
+    const [groupValue, setGroupValue] = react.useState(initialValue);
     const errorId = react.useId();
     const namedId = react.useId();
     const radioGroupName = name || namedId;
@@ -39,10 +40,15 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
          * <Radio label="Option 1" {...getRadioProps('option-1')} />
          */
         getRadioProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const radioProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue;
-            const { ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { ref: forwardedRef = undefined, value = '', ...rest } = radioProps;
             const handleRef = (element) => {
                 if (element) {
                     // Set initial checked state
@@ -67,6 +73,7 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 name: radioGroupName,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||

package/dist/esm/components/button/button.js

@@ -11,7 +11,7 @@ import { Spinner } from '../spinner/spinner.js';
  * @example
  * <Button>Click me</Button>
  */
-const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
+const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant, popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
     const Component = asChild ? Slot : 'button';
     const popoverVal = popoverTarget ?? popovertarget;
     const popoverKey = version.startsWith('19')

package/dist/esm/components/checkbox/checkbox.js

@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * @example
  * <Checkbox label="I agree" value="agree" />
  */
-const Checkbox = forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
-    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+const Checkbox = forwardRef(function Checkbox({ 'data-size': size, children, className, description, error, label, position, style, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Checkbox };

package/dist/esm/components/dialog/dialog.js

@@ -36,12 +36,25 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
     const dialogRef = useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? Slot : 'dialog';
     const mergedRefs = useMergeRefs([contextRef, ref, dialogRef]);
-    const showProp = modal ? 'showModal' : 'show';
     const autoId = useId();
     const usedId = id ?? autoId;
     // Toggle open based on prop
-    useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
-    return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => onClose?.(event.nativeEvent), onClick: (event) => {
+    useEffect(() => {
+        if (open === undefined)
+            return; // Uncontrolled if open prop is not provided
+        const dialog = dialogRef.current;
+        if (dialog) {
+            if (open && !dialog.open)
+                dialog[modal ? 'showModal' : 'show']();
+            else
+                dialog.open = !!open; // Close with prop to prevent close event from firing
+        }
+    }, [open, modal]);
+    return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => {
+            if (event.target !== event.currentTarget)
+                return; // Ignore close events from nested dialogs
+            onClose?.(event.nativeEvent); // Backward compatibility: expose native event
+        }, onClick: (event) => {
             onClick?.(event);
             const { currentTarget: dialog, target: el, defaultPrevented } = event;
             const isClose = el?.closest?.('[data-command="close"]');
@@ -51,11 +64,12 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
                     console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
             }
         }, onAnimationEnd: (event) => {
-            const { currentTarget: dialog } = event;
-            const autofocus = dialog.querySelector('[autofocus]');
+            onAnimationEnd?.(event);
+            if (event.currentTarget !== event.target)
+                return; // Only run if event is from the dialog itself
+            const autofocus = event.currentTarget.querySelector('[autofocus]');
             if (document.activeElement !== autofocus)
                 autofocus?.focus(); // Handle autofocus on open
-            onAnimationEnd?.(event);
         }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
 });
 

package/dist/esm/components/label/label.js

@@ -10,7 +10,7 @@ import { forwardRef } from 'react';
  * @example
  * <Label data-size='lg' weight='medium'>Label</Label>
  */
-const Label = forwardRef(function Label({ className, weight = 'medium', asChild, ...rest }, ref) {
+const Label = forwardRef(function Label({ className, weight, asChild, ...rest }, ref) {
     const Component = asChild ? Slot : 'label';
     return (jsx(Component, { ref: ref, className: cl('ds-label', className), suppressHydrationWarning // Since <ds-field> will add for attribute dynamically
         : true, "data-weight": weight, ...rest }));

package/dist/esm/components/pagination/pagination-button.js

@@ -12,7 +12,7 @@ import { Button } from '../button/button.js';
  * </PaginationItem>
  */
 const PaginationButton = forwardRef(function PaginationButton(rest, ref) {
-    return jsx(Button, { "data-variant": 'tertiary', ref: ref, ...rest });
+    return jsx(Button, { ref: ref, ...rest });
 });
 
 export { PaginationButton };

package/dist/esm/components/popover/popover.js

@@ -51,16 +51,12 @@ const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, op
             }
         };
         const handleKeydown = (event) => {
-            if (event.key !== 'Escape' || !controlledOpen)
-                return;
-            const isOpen = popoverRef.current?.matches(':popover-open') ||
-                popoverRef.current?.classList.contains(':popover-open'); // Polyfill support
-            if (!isOpen)
-                return;
-            event.preventDefault(); // Prevent closing fullscreen in Safari
-            document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popoover="manual"` doesn't do this
-            setInternalOpen(false);
-            onClose?.();
+            if (event.key === 'Escape' && controlledOpen && isTopLayer(popover)) {
+                event.preventDefault(); // Prevent closing fullscreen in Safari
+                document.querySelector(trigger)?.focus?.(); // Move focus back to trigger since `popover="manual"` doesn't do this
+                setInternalOpen(false);
+                onClose?.();
+            }
         };
         popover?.togglePopover?.(controlledOpen);
         if (controlledOpen) {
@@ -82,5 +78,25 @@ const Popover = forwardRef(function Popover({ id, className, onClose, onOpen, op
     return (jsx(Component, { className: cl('ds-popover', className), id: id || popoverId, popover: 'manual', "data-placement": placement, "data-variant": variant, ref: mergedRefs, suppressHydrationWarning // Since _ds-floating adds attributes
         : true, ...rest }));
 });
+// NOTE: This is not able to check if the popover is the most recently added #topLayer,
+// so we need another method in time, or remove the controlled popover="manual" in a v2
+const isTopLayer = (checkElement) => {
+    if (!checkElement)
+        return false;
+    const { x, y, width, height } = checkElement.getBoundingClientRect();
+    const topElement = document.elementFromPoint(x + width / 2, y + height / 2);
+    // If the element on top is on browser #top-layer but not same as provided element, then provided element is not on top
+    for (let el = topElement; el; el = el.parentElement) {
+        if (checkElement === el)
+            return true; // If the topElement is same as provided element, it's on top
+        if (el instanceof HTMLDialogElement && el.open)
+            return false; // Check for open dialog
+        if (el.classList.contains(':popover-open'))
+            return false; // Polyfill support
+        if (el.matches(':popover-open'))
+            return false; // Native support
+    }
+    return false;
+};
 
 export { Popover };

package/dist/esm/components/radio/radio.js

@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * @example
  * <Radio label="I agree" value="agree" />
  */
-const Radio = forwardRef(function Radio({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
-    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+const Radio = forwardRef(function Radio({ 'data-size': size, children, className, description, error, label, position, style, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Radio };

package/dist/esm/components/tabs/tabs-tab.js

@@ -12,9 +12,7 @@ import { Context } from './tabs.js';
  */
 const TabsTab = forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
     const { onChange, getPrefixedValue, isControlled, currentValue } = useContext(Context);
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: ds-tabs IS interactive
-    jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
+    return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
             if (isControlled && currentValue !== value)

package/dist/esm/components/toggle-group/toggle-group.js

@@ -14,7 +14,7 @@ const ToggleGroupContext = createContext({});
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant = 'primary', ...rest }, ref) {
+const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
     const nameId = useId();
     const isControlled = value !== undefined;
     const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);

package/dist/esm/components/tooltip/tooltip.js

@@ -20,7 +20,7 @@ import { forwardRef } from 'react';
 const Tooltip = forwardRef(function Tooltip({ content, placement = 'top', autoPlacement = true, ...rest }, ref) {
     /* check if children is a string */
     const isString = typeof rest.children === 'string';
-    return (jsx(Slot, { "aria-label": content || undefined, "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
+    return (jsx(Slot, { "data-tooltip": content, "data-placement": placement, "data-autoplacement": autoPlacement, suppressHydrationWarning // Since data-tooltip adds aria-label/aria-description
         : true, ref: ref, ...rest, children: isString ? jsx("span", { tabIndex: 0, children: rest.children }) : rest.children }));
 });
 

package/dist/esm/utilities/hooks/use-checkbox-group/use-checkbox-group.js

@@ -45,10 +45,15 @@ function useCheckboxGroup(props) {
          * <Checkbox {...getCheckboxProps({ value: 'all', allowIndeterminate: true })} />
          */
         getCheckboxProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const checkboxProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue || {};
-            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { allowIndeterminate = false, ref: forwardedRef = undefined, value = '', ...rest } = checkboxProps;
             const handleRef = (element) => {
                 if (element) {
                     const refs = allowIndeterminate ? indeterminateRefs : checkboxRefs;
@@ -90,6 +95,7 @@ function useCheckboxGroup(props) {
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||
                     undefined,

package/dist/esm/utilities/hooks/use-pagination/use-pagination.js

@@ -61,17 +61,15 @@ const usePagination = ({ currentPage: current = 1, setCurrentPage, onChange, tot
                 }
                 : null),
         })),
-        /** Properties to spread on Pagination.Button used for previous naviagation */
+        /** Properties to spread on Pagination.Button used for previous navigation */
         prevButtonProps: {
             'aria-hidden': !prev, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(prev),
-            variant: 'tertiary',
         },
-        /** Properties to spread on Pagination.Button used for next naviagation */
+        /** Properties to spread on Pagination.Button used for next navigation */
         nextButtonProps: {
             'aria-hidden': !next, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(next),
-            variant: 'tertiary',
         },
         /** Indication if previous page action should be shown or not */
         hasPrev: !!prev,

package/dist/esm/utilities/hooks/use-radio-group/use-radio-group.js

@@ -14,8 +14,9 @@ import { useState, useId } from 'react';
  *   value: '',
  * });
  */
-function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue = '', } = {}) {
-    const [groupValue, setGroupValue] = useState(initalValue);
+function useRadioGroup(props) {
+    const { error, readOnly, required, disabled, name, onChange, value: initialValue = '', } = props || {};
+    const [groupValue, setGroupValue] = useState(initialValue);
     const errorId = useId();
     const namedId = useId();
     const radioGroupName = name || namedId;
@@ -37,10 +38,15 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
          * <Radio label="Option 1" {...getRadioProps('option-1')} />
          */
         getRadioProps: (propsOrValue) => {
-            const props = typeof propsOrValue === 'string'
+            let groupProps;
+            if (props) {
+                const { onChange, error, ...rest } = props;
+                groupProps = rest;
+            }
+            const radioProps = typeof propsOrValue === 'string'
                 ? { value: propsOrValue }
                 : propsOrValue;
-            const { ref: forwardedRef = undefined, value = '', ...rest } = props;
+            const { ref: forwardedRef = undefined, value = '', ...rest } = radioProps;
             const handleRef = (element) => {
                 if (element) {
                     // Set initial checked state
@@ -65,6 +71,7 @@ function useRadioGroup({ error, readOnly, required, disabled, name, onChange, va
                 }
             };
             return {
+                ...groupProps,
                 ...rest,
                 name: radioGroupName,
                 'aria-describedby': `${error ? errorId : ''} ${rest['aria-describedby'] || ''}`.trim() ||

package/dist/types/components/badge/index.d.ts

@@ -5,14 +5,14 @@ import { BadgePosition } from './badge-position';
  * @example without children
  * <Badge count={5} maxCount={10} />
  */
-declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
+declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
     count?: number;
     maxCount?: number;
     variant?: "base" | "tinted";
     'data-color'?: import("packages/types/dist/types").Color | import("packages/types/dist/types").SeverityColors;
     children?: never;
 } & import("react").RefAttributes<HTMLSpanElement>> & {
-    Position: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
+    Position: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
         placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
         overlap?: "circle" | "rectangle";
     } & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts

@@ -1,6 +1,6 @@
 import { type LinkProps } from '../link/link';
 export type BreadcrumbsLinkProps = LinkProps;
-export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     children: import("react").ReactNode;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/checkbox/checkbox.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { DefaultProps, LabelRequired } from '../../types';
 import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../field';
 import { type InputProps } from '../input/input';
 export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
     /**
@@ -27,6 +28,11 @@ export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' |
      * If outline, the checkbox will have a border.
      */
     variant?: 'outline';
+    /**
+     * Position of checkbox
+     * @default start
+     */
+    position?: FieldProps['position'];
 } & LabelRequired>;
 /**
  * Checkbox used to select multiple options.

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA6BpB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA+BpB,CAAC"}

package/dist/types/components/dialog/dialog-trigger.d.ts

@@ -12,7 +12,7 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
     'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAmGpB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDA8GpB,CAAC"}

package/dist/types/components/error-summary/error-summary-link.d.ts

@@ -10,7 +10,7 @@ export type ErrorSummaryLinkProps = LinkProps;
  *   </ErrorSummaryItem>
  * </ErrorSummary>
  */
-export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     children: import("react").ReactNode;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/error-summary/error-summary-list.d.ts

@@ -17,5 +17,5 @@ export type ErrorSummaryListProps = ListUnorderedProps;
  */
 export declare const ErrorSummaryList: import("react").ForwardRefExoticComponent<{
     asChild?: boolean;
-} & import("../../types").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
+} & import("../..").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
 //# sourceMappingURL=error-summary-list.d.ts.map

package/dist/types/components/error-summary/error-summary-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;0JAK3B,CAAC"}
+{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;oJAK3B,CAAC"}

package/dist/types/components/field/field-counter.d.ts

@@ -59,7 +59,7 @@ export declare const FieldCounter: import("react").ForwardRefExoticComponent<{
      * @default undefined
      **/
     limit: number;
-} & Omit<Omit<import("../../types").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+} & Omit<Omit<import("../..").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
     'data-color'?: import("packages/types/dist/types").SeverityColors;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/types/components/heading/heading.d.ts

@@ -7,7 +7,6 @@ export type HeadingProps = {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Changes text sizing
-     * @default 'md'
      */
     'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
     /**
@@ -30,7 +29,6 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Changes text sizing
-     * @default 'md'
      */
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAvBlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;;OAGG;kBACW,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;IAC9D;;;OAGG;cACO,OAAO;2FAiBlB,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAtBlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;OAEG;kBACW,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;IAC9D;;;OAGG;cACO,OAAO;2FAiBlB,CAAC"}

package/dist/types/components/label/label.d.ts

@@ -3,7 +3,6 @@ import type { DefaultProps } from '../../types';
 export type LabelProps = {
     /**
      * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
-     * @default 'medium'
      */
     weight?: 'regular' | 'medium' | 'semibold';
     /**
@@ -21,7 +20,6 @@ export type LabelProps = {
 export declare const Label: import("react").ForwardRefExoticComponent<{
     /**
      * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
-     * @default 'medium'
      */
     weight?: "regular" | "medium" | "semibold";
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;2GAyBjB,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAlBhB;;OAEG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;2GAyBjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,OAAO;IA/DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;kDA6GpB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;kDAwGpB,CAAC"}

package/dist/types/components/radio/radio.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { DefaultProps, LabelRequired } from '../../types';
 import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../field';
 import { type InputProps } from '../input/input';
 export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
     /**
@@ -27,6 +28,11 @@ export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'ro
      * If outline, the radio will have a border.
      */
     variant?: 'outline';
+    /**
+     * Position of radio
+     * @default start
+     */
+    position?: FieldProps['position'];
 } & LabelRequired>;
 /**
  * Radio used to select multiple options.

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA2BhB,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA6BhB,CAAC"}

package/dist/types/components/search/search-button.d.ts

@@ -22,7 +22,7 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
-export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
     'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;

package/dist/types/components/suggestion/suggestion-input.d.ts

@@ -1,5 +1,5 @@
 import { type InputProps } from '../input/input';
-export type SuggestionInputProps = InputProps;
+export type SuggestionInputProps = Omit<InputProps, 'role' | 'data-indeterminate'>;
 declare global {
     namespace React.JSX {
         interface IntrinsicAttributes {
@@ -23,12 +23,5 @@ declare global {
  *   <Suggestion.List />
  * </Suggestion>
  */
-export declare const SuggestionInput: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role" | "data-indeterminate"> & {
-    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
-    size?: number;
-    disabled?: boolean;
-    readOnly?: boolean;
-    role?: import("react").AriaRole | undefined;
-    'data-indeterminate'?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SuggestionInput: import("react").ForwardRefExoticComponent<SuggestionInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=suggestion-input.d.ts.map

package/dist/types/components/suggestion/suggestion-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC;AAI9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;;;;;;;oDA4B1B,CAAC"}
+{"version":3,"file":"suggestion-input.d.ts","sourceRoot":"","sources":["../../../src/components/suggestion/suggestion-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,UAAU,EACV,MAAM,GAAG,oBAAoB,CAC9B,CAAC;AAIF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,mHA4B1B,CAAC"}

package/dist/types/components/tabs/tabs-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAqCb,CAAC"}
+{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAoCb,CAAC"}

package/dist/types/components/tooltip/tooltip.d.ts

@@ -33,8 +33,8 @@ export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAtt
      */
     open?: boolean;
     /**
-     * Override if `aria-describedby` or `aria-labelledby` is used.
-     * By default, if the trigger element has no inner text, `aria-labelledby` is used.
+     * @deprecated This prop has no effect. The tooltip will be set as `aria-description`
+     * if the component already contains accessible text, and `aria-label` otherwise.
      */
     type?: 'describedby' | 'labelledby';
 }>;
@@ -82,8 +82,8 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omi
      */
     open?: boolean;
     /**
-     * Override if `aria-describedby` or `aria-labelledby` is used.
-     * By default, if the trigger element has no inner text, `aria-labelledby` is used.
+     * @deprecated This prop has no effect. The tooltip will be set as `aria-description`
+     * if the component already contains accessible text, and `aria-label` otherwise.
      */
     type?: "describedby" | "labelledby";
 } & RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IAlDhB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;oBACa,OAAO;IACvB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAuCtC,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IAlDhB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;oBACa,OAAO;IACvB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAsCtC,CAAC"}

package/dist/types/index.d.ts

@@ -3,7 +3,7 @@ export type {
 Size, } from '@digdir/designsystemet-types';
 export * from './components';
 export { omit } from './components/Combobox/omit/omit';
-export type { LabelRequired } from './types';
+export type { DefaultProps, LabelRequired, Placement } from './types';
 export type { 
 /** @deprecated This export is deprecated. */
 MergeRight, UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './utilities';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtE,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}

package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts

@@ -37,6 +37,10 @@ export type UseCheckboxGroupProps = {
      * @returns void
      */
     onChange?: (nextValue: string[], currentValue: string[]) => void;
+    /**
+     * If outline, all checkboxes in the group will have a border
+     */
+    variant?: CheckboxProps['variant'];
 };
 /**
  * Get anything that is set on a checkbox, but

package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,SAAS,GACT,OAAO,CACV,GAAG;IACF,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAChB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,KACrC,gBAAgB,CAAC;IACtB,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,qBAAqB,GAC5B,sBAAsB,CA8IxB"}
+{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,SAAS,GACT,OAAO,CACV,GAAG;IACF,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAChB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,KACrC,gBAAgB,CAAC;IACtB,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,qBAAqB,GAC5B,sBAAsB,CAsJxB"}

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts

@@ -70,9 +70,9 @@ export declare const usePagination: ({ currentPage: current, setCurrentPage, onC
          */
         buttonProps: PaginationButtonProps | null;
     }[];
-    /** Properties to spread on Pagination.Button used for previous naviagation */
+    /** Properties to spread on Pagination.Button used for previous navigation */
     prevButtonProps: PaginationButtonProps;
-    /** Properties to spread on Pagination.Button used for next naviagation */
+    /** Properties to spread on Pagination.Button used for next navigation */
     nextButtonProps: PaginationButtonProps;
     /** Indication if previous page action should be shown or not */
     hasPrev: boolean;

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,6EAA6E;qBAIxE,qBAAqB;IAC1B,yEAAyE;qBAIpE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts

@@ -19,6 +19,10 @@ export type UseRadioGroupProps = {
     value?: string;
     /** Callback when selected radios changes */
     onChange?: (nextValue: string, prevValue: string) => void;
+    /**
+     * If outline, all radios in the group will have a border
+     */
+    variant?: RadioProps['variant'];
 };
 /**
  * Get anything that is set on a radio, but
@@ -51,6 +55,6 @@ type useRadioGroupReturn = {
  *   value: '',
  * });
  */
-export declare function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue, }?: UseRadioGroupProps): useRadioGroupReturn;
+export declare function useRadioGroup(props?: UseRadioGroupProps): useRadioGroupReturn;
 export {};
 //# sourceMappingURL=use-radio-group.d.ts.map

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,WAAgB,GACxB,GAAE,kBAAuB,GAAG,mBAAmB,CAsF/C"}
+{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACjC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,mBAAmB,CAuG7E"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.14.0",
+  "version": "1.16.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -37,33 +37,33 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^8.10.3",
+    "@navikt/aksel-icons": "^8.10.5",
     "@radix-ui/react-slot": "^1.2.4",
     "@tanstack/react-virtual": "^3.13.24",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "1.14.0",
-    "@digdir/designsystemet-web": "1.14.0"
+    "@digdir/designsystemet-types": "1.16.0",
+    "@digdir/designsystemet-web": "1.16.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "29.0.2",
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@storybook/addon-docs": "10.3.6",
-    "@storybook/addon-vitest": "10.3.6",
-    "@storybook/react-vite": "10.3.6",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-vitest": "10.4.0",
+    "@storybook/react-vite": "10.4.0",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.5",
-    "react-dom": "19.2.5",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "rimraf": "6.1.3",
-    "rollup": "4.60.2",
+    "rollup": "4.60.4",
     "rollup-plugin-copy": "3.5.0",
-    "storybook": "10.3.6",
-    "tsx": "4.21.0",
+    "storybook": "10.4.0",
+    "tsx": "4.22.1",
     "typescript": "5.9.3",
-    "@digdir/designsystemet-css": "^1.14.0"
+    "@digdir/designsystemet-css": "^1.16.0"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",