@digdir/designsystemet-react 1.12.1 → 1.13.1

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

@@ -28,7 +28,7 @@ const ComboboxClearButton = react.forwardRef((props, ref) => {
                 e.stopPropagation();
                 handleSelectOption({ option: null, clear: true });
             }
-        }, type: 'button', "aria-label": clearButtonLabel, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
+        }, type: 'button', "aria-label": clearButtonLabel, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { height: '1.5em', width: '1.5em', title: 'Clear selection' }) }));
 });
 ComboboxClearButton.displayName = 'ComboboxClearButton';
 

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

@@ -74,7 +74,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
                                     onChange(e);
                                     !open && setOpen(true);
                                     rest.onChange?.(e);
-                                } }) })] }), showClearButton && jsxRuntime.jsx(ComboboxClearButton, { ref: clearButtonRef }), jsxRuntime.jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsxRuntime.jsx(akselIcons.ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }) }));
+                                } }) })] }), showClearButton && jsxRuntime.jsx(ComboboxClearButton, { ref: clearButtonRef }), jsxRuntime.jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsxRuntime.jsx(akselIcons.ChevronUpIcon, { title: 'arrow up', height: '1.5em', width: '1.5em' })) : (jsxRuntime.jsx(akselIcons.ChevronDownIcon, { title: 'arrow down', height: '1.5em', width: '1.5em' })) })] }) }));
 };
 ComboboxInput.displayName = 'ComboboxInput';
 

package/dist/cjs/components/avatar-stack/avatar-stack.js

@@ -27,7 +27,7 @@ const EXPERIMENTAL_AvatarStack = react.forwardRef(function AvatarStack({ classNa
         '--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
         '--dsc-avatar-count': expandable === 'fixed' ? react.Children.count(children) : undefined,
     };
-    return (jsxRuntime.jsx("figure", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : -1, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
+    return (jsxRuntime.jsx("span", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : undefined, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
 });
 
 exports.EXPERIMENTAL_AvatarStack = EXPERIMENTAL_AvatarStack;

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

@@ -22,7 +22,7 @@ const DialogTrigger = react.forwardRef(function DialogTrigger({ asChild, ...rest
     const { id, modal } = react.useContext(dialogTriggerContext.Context);
     const Component = asChild ? reactSlot.Slot : button.Button;
     return (jsxRuntime.jsx(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
-        : true, command: modal ? 'show-modal' : 'show', commandfor: id, ref: ref, ...rest }));
+        : true, command: modal ? 'show-modal' : '--show-non-modal', commandfor: id, ref: ref, ...rest }));
 });
 
 exports.DialogTrigger = DialogTrigger;

package/dist/cjs/components/dropdown/dropdown-heading.js

@@ -13,7 +13,7 @@ var heading = require('../heading/heading.js');
  *  <DropdownHeading>Heading</DropdownHeading>
  * </Dropdown>
  */
-const DropdownHeading = react.forwardRef(function DropdownHeading({ className, ...rest }, ref) {
+const DropdownHeading = react.forwardRef(function DropdownHeading(rest, ref) {
     return jsxRuntime.jsx(heading.Heading, { ref: ref, ...rest });
 });
 

package/dist/cjs/components/dropdown/dropdown-item.js

@@ -16,7 +16,7 @@ var react = require('react');
  *  </DropdownList>
  * </Dropdown>
  */
-const DropdownItem = react.forwardRef(function DropdownItem({ className, ...rest }, ref) {
+const DropdownItem = react.forwardRef(function DropdownItem(rest, ref) {
     return jsxRuntime.jsx("li", { ref: ref, ...rest });
 });
 

package/dist/cjs/components/dropdown/dropdown-list.js

@@ -16,7 +16,7 @@ var react = require('react');
  *  </DropdownList>
  * </Dropdown>
  */
-const DropdownList = react.forwardRef(function DropdownList({ className, ...rest }, ref) {
+const DropdownList = react.forwardRef(function DropdownList(rest, ref) {
     return jsxRuntime.jsx("ul", { ref: ref, ...rest });
 });
 

package/dist/cjs/components/fieldset/fieldset-description.js

@@ -14,7 +14,8 @@ var paragraph = require('../paragraph/paragraph.js');
  * </FieldsetDescription>
  */
 const FieldsetDescription = react.forwardRef(function FieldsetDescription(rest, ref) {
-    return jsxRuntime.jsx(paragraph.Paragraph, { ref: ref, ...rest });
+    return (jsxRuntime.jsx(paragraph.Paragraph, { suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+        : true, ref: ref, ...rest }));
 });
 
 exports.FieldsetDescription = FieldsetDescription;

package/dist/cjs/components/fieldset/fieldset-legend.js

@@ -12,7 +12,8 @@ var label = require('../label/label.js');
  * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
  */
 const FieldsetLegend = react.forwardRef(function FieldsetLegend(rest, ref) {
-    return (jsxRuntime.jsx(label.Label, { asChild: true, children: jsxRuntime.jsx("legend", { ref: ref, ...rest }) }));
+    return (jsxRuntime.jsx(label.Label, { asChild: true, children: jsxRuntime.jsx("legend", { suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+            : true, ref: ref, ...rest }) }));
 });
 
 exports.FieldsetLegend = FieldsetLegend;

package/dist/cjs/components/fieldset/fieldset.js

@@ -21,7 +21,8 @@ var react = require('react');
  * </Fieldset>
  */
 const Fieldset = react.forwardRef(function Fieldset({ className, ...rest }, ref) {
-    return (jsxRuntime.jsx("fieldset", { className: cl('ds-fieldset', className), ref: ref, ...rest }));
+    return (jsxRuntime.jsx("fieldset", { className: cl('ds-fieldset', className), suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+        : true, ref: ref, ...rest }));
 });
 
 exports.Fieldset = Fieldset;

package/dist/cjs/components/input/input.js

@@ -12,7 +12,8 @@ var react = require('react');
  * <Input />
  */
 const Input = react.forwardRef(function Input({ type = 'text', className, onChange, onClick, ...rest }, ref) {
-    return (jsxRuntime.jsx("input", { className: cl(`ds-input`, className), ref: ref, type: type, onChange: (event) => rest.readOnly || onChange?.(event), onClick: (event) => {
+    return (jsxRuntime.jsx("input", { className: cl(`ds-input`, className), ref: ref, type: type, suppressHydrationWarning // Since <ds-field> adds attributes
+        : true, onChange: (event) => rest.readOnly || onChange?.(event), onClick: (event) => {
             if (rest.readOnly)
                 event.preventDefault(); // Make readonly work for checkbox / radio / switch
             onClick?.(event);

package/dist/cjs/components/select/select.js

@@ -15,7 +15,8 @@ var react = require('react');
  * </Select>
  */
 const Select = react.forwardRef(function Select({ className, onKeyDown, onMouseDown, width, readOnly, ...rest }, ref) {
-    return (jsxRuntime.jsx("select", { className: cl('ds-input', className), "aria-readonly": rest['aria-readonly'] ?? readOnly, "data-width": width, ref: ref, ...rest }));
+    return (jsxRuntime.jsx("select", { className: cl('ds-input', className), "aria-readonly": rest['aria-readonly'] ?? readOnly, suppressHydrationWarning // Since <ds-field> adds attributes
+        : true, "data-width": width, ref: ref, ...rest }));
 });
 
 exports.Select = Select;

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

@@ -12,14 +12,20 @@ var tabs = require('./tabs.js');
  * @example
  * <TabsTab value='1'>Tab 1</TabsTab>
  */
-const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, ...rest }, ref) {
-    const { onChange, getPrefixedValue } = react.useContext(tabs.Context);
+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
-        : true, onClick: (e) => {
-            if (e.isTrusted)
+        : true, onClickCapture: (e) => {
+            onClickCapture?.(e);
+            if (isControlled && currentValue !== value) {
+                e.preventDefault();
+            }
+        }, onClick: (e) => {
+            if (e.isTrusted || !isControlled || currentValue !== value) {
                 onChange?.(value); // Only call onChange is user actually clicked, not when programmatically clicked/controlled
+            }
             onClick?.(e);
         }, class: className, ...rest, children: rest.children }));
 });

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

@@ -46,7 +46,8 @@ const Tabs = react.forwardRef(function Tabs({ value, defaultValue, className, on
         });
     }, [value, isControlled]);
     return (jsxRuntime.jsx(Context.Provider, { value: {
-            value,
+            isControlled,
+            currentValue: value,
             defaultValue,
             onChange: onValueChange,
             getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,

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

@@ -16,7 +16,20 @@ const ToggleGroupItem = react.forwardRef(function ToggleGroupItem({ className, c
     const toggleGroup$1 = react.useContext(toggleGroup.ToggleGroupContext);
     const value = rawValue ?? genValue;
     const active = toggleGroup$1.value === value;
-    return (jsxRuntime.jsxs("label", { ref: ref, ...rest, className: cl('ds-button', className), "data-variant": 'tertiary', children: [jsxRuntime.jsx("input", { checked: active, name: toggleGroup$1.name, onChange: () => toggleGroup$1.onChange?.(value), type: 'radio', value: value }), children] }));
+    const { form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, disabled, 'aria-disabled': ariaDisabled, ...labelProps } = rest;
+    /** Add backwards compatibility for `button` props that were previously allowed on `ToggleGroupItem` but are passeable to `input`*/
+    const inputProps = {
+        form,
+        formAction,
+        formEncType,
+        formMethod,
+        formNoValidate,
+        formTarget,
+        required,
+        disabled,
+        'aria-disabled': ariaDisabled,
+    };
+    return (jsxRuntime.jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsxRuntime.jsx("input", { ...inputProps, checked: active, name: toggleGroup$1.name, onChange: () => toggleGroup$1.onChange?.(value), type: 'radio', value: value, disabled: disabled, "aria-disabled": ariaDisabled }), children] }));
 });
 
 exports.ToggleGroupItem = ToggleGroupItem;

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

@@ -35,7 +35,8 @@ const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className,
             value,
             variant,
         }, children: jsxRuntime.jsx("fieldset", { className: cl('ds-toggle-group', className), "data-toggle-group": '' // Default to empty string to ensure attribute is present
-            , "data-variant": variant, ref: ref, ...rest, children: children }) }));
+            , "data-variant": variant, suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+            : true, ref: ref, ...rest, children: children }) }));
 });
 
 exports.ToggleGroup = ToggleGroup;

package/dist/esm/components/Combobox/internal/ComboboxClearButton.js

@@ -26,7 +26,7 @@ const ComboboxClearButton = forwardRef((props, ref) => {
                 e.stopPropagation();
                 handleSelectOption({ option: null, clear: true });
             }
-        }, type: 'button', "aria-label": clearButtonLabel, children: jsx(XMarkIcon, { fontSize: '1.5em', title: 'Clear selection' }) }));
+        }, type: 'button', "aria-label": clearButtonLabel, children: jsx(XMarkIcon, { height: '1.5em', width: '1.5em', title: 'Clear selection' }) }));
 });
 ComboboxClearButton.displayName = 'ComboboxClearButton';
 

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

@@ -72,7 +72,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
                                     onChange(e);
                                     !open && setOpen(true);
                                     rest.onChange?.(e);
-                                } }) })] }), showClearButton && jsx(ComboboxClearButton, { ref: clearButtonRef }), jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', fontSize: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', fontSize: '1.5em' })) })] }) }));
+                                } }) })] }), showClearButton && jsx(ComboboxClearButton, { ref: clearButtonRef }), jsx("div", { className: 'ds-combobox__arrow', children: open ? (jsx(ChevronUpIcon, { title: 'arrow up', height: '1.5em', width: '1.5em' })) : (jsx(ChevronDownIcon, { title: 'arrow down', height: '1.5em', width: '1.5em' })) })] }) }));
 };
 ComboboxInput.displayName = 'ComboboxInput';
 

package/dist/esm/components/avatar-stack/avatar-stack.js

@@ -25,7 +25,7 @@ const EXPERIMENTAL_AvatarStack = forwardRef(function AvatarStack({ className, ga
         '--dsc-avatar-stack-overlap': overlap !== undefined ? `${overlap}` : undefined,
         '--dsc-avatar-count': expandable === 'fixed' ? Children.count(children) : undefined,
     };
-    return (jsx("figure", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : -1, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
+    return (jsx("span", { tabIndex: rest.tabIndex !== undefined ? rest.tabIndex : expandable ? 0 : undefined, ref: ref, className: cl(`ds-avatar-stack`, className), style: style, "data-expandable": expandable, "data-suffix": suffix, ...rest, children: children }));
 });
 
 export { EXPERIMENTAL_AvatarStack };

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

@@ -20,7 +20,7 @@ const DialogTrigger = forwardRef(function DialogTrigger({ asChild, ...rest }, re
     const { id, modal } = useContext(Context);
     const Component = asChild ? Slot : Button;
     return (jsx(Component, { suppressHydrationWarning // Might get augmented through designsystemet-web with aria-haspopup
-        : true, command: modal ? 'show-modal' : 'show', commandfor: id, ref: ref, ...rest }));
+        : true, command: modal ? 'show-modal' : '--show-non-modal', commandfor: id, ref: ref, ...rest }));
 });
 
 export { DialogTrigger };

package/dist/esm/components/dropdown/dropdown-heading.js

@@ -11,7 +11,7 @@ import { Heading } from '../heading/heading.js';
  *  <DropdownHeading>Heading</DropdownHeading>
  * </Dropdown>
  */
-const DropdownHeading = forwardRef(function DropdownHeading({ className, ...rest }, ref) {
+const DropdownHeading = forwardRef(function DropdownHeading(rest, ref) {
     return jsx(Heading, { ref: ref, ...rest });
 });
 

package/dist/esm/components/dropdown/dropdown-item.js

@@ -14,7 +14,7 @@ import { forwardRef } from 'react';
  *  </DropdownList>
  * </Dropdown>
  */
-const DropdownItem = forwardRef(function DropdownItem({ className, ...rest }, ref) {
+const DropdownItem = forwardRef(function DropdownItem(rest, ref) {
     return jsx("li", { ref: ref, ...rest });
 });
 

package/dist/esm/components/dropdown/dropdown-list.js

@@ -14,7 +14,7 @@ import { forwardRef } from 'react';
  *  </DropdownList>
  * </Dropdown>
  */
-const DropdownList = forwardRef(function DropdownList({ className, ...rest }, ref) {
+const DropdownList = forwardRef(function DropdownList(rest, ref) {
     return jsx("ul", { ref: ref, ...rest });
 });
 

package/dist/esm/components/fieldset/fieldset-description.js

@@ -12,7 +12,8 @@ import { Paragraph } from '../paragraph/paragraph.js';
  * </FieldsetDescription>
  */
 const FieldsetDescription = forwardRef(function FieldsetDescription(rest, ref) {
-    return jsx(Paragraph, { ref: ref, ...rest });
+    return (jsx(Paragraph, { suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+        : true, ref: ref, ...rest }));
 });
 
 export { FieldsetDescription };

package/dist/esm/components/fieldset/fieldset-legend.js

@@ -10,7 +10,8 @@ import { Label } from '../label/label.js';
  * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
  */
 const FieldsetLegend = forwardRef(function FieldsetLegend(rest, ref) {
-    return (jsx(Label, { asChild: true, children: jsx("legend", { ref: ref, ...rest }) }));
+    return (jsx(Label, { asChild: true, children: jsx("legend", { suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+            : true, ref: ref, ...rest }) }));
 });
 
 export { FieldsetLegend };

package/dist/esm/components/fieldset/fieldset.js

@@ -19,7 +19,8 @@ import { forwardRef } from 'react';
  * </Fieldset>
  */
 const Fieldset = forwardRef(function Fieldset({ className, ...rest }, ref) {
-    return (jsx("fieldset", { className: cl('ds-fieldset', className), ref: ref, ...rest }));
+    return (jsx("fieldset", { className: cl('ds-fieldset', className), suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+        : true, ref: ref, ...rest }));
 });
 
 export { Fieldset };

package/dist/esm/components/input/input.js

@@ -10,7 +10,8 @@ import { forwardRef } from 'react';
  * <Input />
  */
 const Input = forwardRef(function Input({ type = 'text', className, onChange, onClick, ...rest }, ref) {
-    return (jsx("input", { className: cl(`ds-input`, className), ref: ref, type: type, onChange: (event) => rest.readOnly || onChange?.(event), onClick: (event) => {
+    return (jsx("input", { className: cl(`ds-input`, className), ref: ref, type: type, suppressHydrationWarning // Since <ds-field> adds attributes
+        : true, onChange: (event) => rest.readOnly || onChange?.(event), onClick: (event) => {
             if (rest.readOnly)
                 event.preventDefault(); // Make readonly work for checkbox / radio / switch
             onClick?.(event);

package/dist/esm/components/select/select.js

@@ -13,7 +13,8 @@ import { forwardRef } from 'react';
  * </Select>
  */
 const Select = forwardRef(function Select({ className, onKeyDown, onMouseDown, width, readOnly, ...rest }, ref) {
-    return (jsx("select", { className: cl('ds-input', className), "aria-readonly": rest['aria-readonly'] ?? readOnly, "data-width": width, ref: ref, ...rest }));
+    return (jsx("select", { className: cl('ds-input', className), "aria-readonly": rest['aria-readonly'] ?? readOnly, suppressHydrationWarning // Since <ds-field> adds attributes
+        : true, "data-width": width, ref: ref, ...rest }));
 });
 
 export { Select };

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

@@ -10,14 +10,20 @@ import { Context } from './tabs.js';
  * @example
  * <TabsTab value='1'>Tab 1</TabsTab>
  */
-const TabsTab = forwardRef(function TabsTab({ value, className, onClick, ...rest }, ref) {
-    const { onChange, getPrefixedValue } = useContext(Context);
+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
-        : true, onClick: (e) => {
-            if (e.isTrusted)
+        : true, onClickCapture: (e) => {
+            onClickCapture?.(e);
+            if (isControlled && currentValue !== value) {
+                e.preventDefault();
+            }
+        }, onClick: (e) => {
+            if (e.isTrusted || !isControlled || currentValue !== value) {
                 onChange?.(value); // Only call onChange is user actually clicked, not when programmatically clicked/controlled
+            }
             onClick?.(e);
         }, class: className, ...rest, children: rest.children }));
 });

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

@@ -44,7 +44,8 @@ const Tabs = forwardRef(function Tabs({ value, defaultValue, className, onChange
         });
     }, [value, isControlled]);
     return (jsx(Context.Provider, { value: {
-            value,
+            isControlled,
+            currentValue: value,
             defaultValue,
             onChange: onValueChange,
             getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,

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

@@ -14,7 +14,20 @@ const ToggleGroupItem = forwardRef(function ToggleGroupItem({ className, childre
     const toggleGroup = useContext(ToggleGroupContext);
     const value = rawValue ?? genValue;
     const active = toggleGroup.value === value;
-    return (jsxs("label", { ref: ref, ...rest, className: cl('ds-button', className), "data-variant": 'tertiary', children: [jsx("input", { checked: active, name: toggleGroup.name, onChange: () => toggleGroup.onChange?.(value), type: 'radio', value: value }), children] }));
+    const { form, formAction, formEncType, formMethod, formNoValidate, formTarget, required, disabled, 'aria-disabled': ariaDisabled, ...labelProps } = rest;
+    /** Add backwards compatibility for `button` props that were previously allowed on `ToggleGroupItem` but are passeable to `input`*/
+    const inputProps = {
+        form,
+        formAction,
+        formEncType,
+        formMethod,
+        formNoValidate,
+        formTarget,
+        required,
+        disabled,
+        'aria-disabled': ariaDisabled,
+    };
+    return (jsxs("label", { ref: ref, ...labelProps, className: cl('ds-button', className), "data-variant": 'tertiary', "aria-disabled": ariaDisabled ?? disabled, children: [jsx("input", { ...inputProps, checked: active, name: toggleGroup.name, onChange: () => toggleGroup.onChange?.(value), type: 'radio', value: value, disabled: disabled, "aria-disabled": ariaDisabled }), children] }));
 });
 
 export { ToggleGroupItem };

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

@@ -33,7 +33,8 @@ const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defau
             value,
             variant,
         }, children: jsx("fieldset", { className: cl('ds-toggle-group', className), "data-toggle-group": '' // Default to empty string to ensure attribute is present
-            , "data-variant": variant, ref: ref, ...rest, children: children }) }));
+            , "data-variant": variant, suppressHydrationWarning // Since @digdir/designsystemet-web adds attributes
+            : true, ref: ref, ...rest, children: children }) }));
 });
 
 export { ToggleGroup, ToggleGroupContext };

package/dist/react-types.d.ts

@@ -2,7 +2,6 @@ import type { Color, ColorScheme, Size } from '@digdir/designsystemet-types';
 
 declare global {
   namespace React {
-    // biome-ignore lint/correctness/noUnusedVariables: we overwrite React's HTMLAttributes to add custom attributes
     interface HTMLAttributes<T> {
       /**
        * Represents the recommended size options for the Designsystemet variables.

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

@@ -12,5 +12,5 @@ declare const Combobox: ComboboxComponent;
 export type { ComboboxProps } from './Combobox';
 export type { ComboboxEmptyProps } from './Empty';
 export type { ComboboxOptionProps } from './Option/Option';
-export { Combobox, ComboboxOption, ComboboxEmpty };
+export { Combobox, ComboboxEmpty, ComboboxOption };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,KAAK,iBAAiB,GAAG,OAAO,YAAY,GAAG;IAC7C,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAmB,iBAAiB,CAAC;AAQnD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,KAAK,iBAAiB,GAAG,OAAO,YAAY,GAAG;IAC7C,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAmB,iBAAiB,CAAC;AAQnD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/avatar-stack/avatar-stack.d.ts

@@ -25,7 +25,7 @@ export type AvatarStackProps = {
      *  @default undefined
      */
     expandable?: 'fixed' | true;
-} & HTMLAttributes<HTMLDivElement>;
+} & HTMLAttributes<HTMLSpanElement>;
 /**
  * Use `AvatarStack` to constrain Avatars into a stack.
  *
@@ -66,5 +66,5 @@ export declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticC
      *  @default undefined
      */
     expandable?: "fixed" | true;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=avatar-stack.d.ts.map

package/dist/types/components/avatar-stack/avatar-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-stack/avatar-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB;IAzCnC;;;OAGG;UACG,MAAM;IACZ;;;OAGG;iBACU,MAAM;IACnB;;;OAGG;cACO,MAAM;IAChB;;OAEG;aACM,MAAM;IACf;;;;OAIG;iBACU,OAAO,GAAG,IAAI;mFAyD3B,CAAC"}
+{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-stack/avatar-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB;IAzCnC;;;OAGG;UACG,MAAM;IACZ;;;OAGG;iBACU,MAAM;IACnB;;;OAGG;cACO,MAAM;IAChB;;OAEG;aACM,MAAM;IACf;;;;OAIG;iBACU,OAAO,GAAG,IAAI;qFAyD3B,CAAC"}

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

@@ -17,7 +17,7 @@ declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../.
         overlap?: "circle" | "rectangle";
     } & import("react").RefAttributes<HTMLSpanElement>>;
 };
-export { Badge, BadgePosition };
 export type { BadgeProps } from './badge';
 export type { BadgePositionProps } from './badge-position';
+export { Badge, BadgePosition };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;GAKG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;CAAuD,CAAC;AAInE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;;GAKG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;CAAuD,CAAC;AAInE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

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

@@ -69,5 +69,5 @@ export type { BreadcrumbsProps } from './breadcrumbs';
 export type { BreadcrumbsItemProps } from './breadcrumbs-item';
 export type { BreadcrumbsLinkProps } from './breadcrumbs-link';
 export type { BreadcrumbsListProps } from './breadcrumbs-list';
-export { BreadcrumbsComponent as Breadcrumbs, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, };
+export { BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -28,5 +28,5 @@ type Card = typeof CardParent & {
 declare const CardComponent: Card;
 export type { CardProps } from './card';
 export type { CardBlockProps } from './card-block';
-export { CardComponent as Card, CardBlock };
+export { CardBlock, CardComponent as Card };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,KAAK,IAAI,GAAG,OAAO,UAAU,GAAG;IAC9B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AACF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,EAAE,IAEnB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,KAAK,IAAI,GAAG,OAAO,UAAU,GAAG;IAC9B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AACF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,EAAE,IAEnB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC"}

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

@@ -33,5 +33,5 @@ type Chip = {
 };
 declare const ChipComponent: Chip;
 export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from './chips';
-export { ChipComponent as Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable, };
+export { ChipButton, ChipCheckbox, ChipComponent as Chip, ChipRadio, ChipRemovable, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B;;;;;;OAMG;IACH,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB;;;;;OAKG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAKpB,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B;;;;;;OAMG;IACH,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB;;;;;OAKG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAKpB,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,UAAU,EACV,YAAY,EACZ,aAAa,IAAI,IAAI,EACrB,SAAS,EACT,aAAa,GACd,CAAC"}

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

@@ -1,8 +1,8 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { DetailsHTMLAttributes, ReactNode } from 'react';
 import '@digdir/designsystemet-web';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
-export type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>, {
+export type DetailsProps = MergeRight<DefaultProps & DetailsHTMLAttributes<HTMLDetailsElement>, {
     /**
      * Change the background color of the details.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,kBAAkB,CAAC,EACjD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GA2CnB,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GA2CnB,CAAC"}

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,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,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;qDAmGpB,CAAC"}

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

@@ -63,5 +63,5 @@ export type { DialogProps } from './dialog';
 export type { DialogBlockProps } from './dialog-block';
 export type { DialogTriggerProps } from './dialog-trigger';
 export type { DialogTriggerContextProps } from './dialog-trigger-context';
-export { DialogComponent as Dialog, DialogBlock, DialogTriggerContext, DialogTrigger, };
+export { DialogBlock, DialogComponent as Dialog, DialogTrigger, DialogTriggerContext, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,oBAAoB,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,WAAW,EACX,oBAAoB,EACpB,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,oBAAoB,CAAC;IAC5C;;;;;;;;;;OAUG;IACH,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,WAAW,EACX,eAAe,IAAI,MAAM,EACzB,aAAa,EACb,oBAAoB,GACrB,CAAC"}

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

@@ -123,5 +123,5 @@ export type { DropdownHeadingProps } from './dropdown-heading';
 export type { DropdownItemProps } from './dropdown-item';
 export type { DropdownListProps } from './dropdown-list';
 export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
-export { DropdownComponent as Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
+export { DropdownButton, DropdownComponent as Dropdown, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,QAAQ,GAAG,OAAO,YAAY,GAAG;IACpC;;;;;;;;;;;;;;;OAeG;IACH,cAAc,EAAE,OAAO,sBAAsB,CAAC;IAC9C;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAOvB,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,QAAQ,GAAG,OAAO,YAAY,GAAG;IACpC;;;;;;;;;;;;;;;OAeG;IACH,cAAc,EAAE,OAAO,sBAAsB,CAAC;IAC9C;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAOvB,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,cAAc,EACd,iBAAiB,IAAI,QAAQ,EAC7B,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,sBAAsB,GACvB,CAAC"}

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

@@ -1,10 +1,10 @@
-import type { HTMLAttributes } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 export type ErrorSummaryProps = {
     /**
      * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
      */
-    asChild?: React.ReactNode;
+    asChild?: ReactNode;
 } & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
 /**
  * ErrorSummary component, used to display a list of errors.
@@ -26,6 +26,6 @@ export declare const ErrorSummary: import("react").ForwardRefExoticComponent<{
     /**
      * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
      */
-    asChild?: React.ReactNode;
+    asChild?: ReactNode;
 } & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, "data-color"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=error-summary.d.ts.map