@digdir/designsystemet-react 1.20.0 → 1.21.0

package/dist/esm/components/validation-message/validation-message.d.ts

@@ -0,0 +1,28 @@
+
+import { DefaultProps } from "../../types.js";
+import { MergeRight } from "../../utilities/types.js";
+import "../../utilities/index.js";
+import { HTMLAttributes } from "react";
+//#region src/components/validation-message/validation-message.d.ts
+type ValidationMessageProps = MergeRight<DefaultProps & HTMLAttributes<HTMLParagraphElement>, {
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+}>;
+/**
+ * Use `ValidationMessage` to display validation text
+ *
+ * @example
+ * <ValidationMessage>This is a danger validation message</ValidationMessage>
+ */
+declare const ValidationMessage: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLParagraphElement>, "asChild"> & {
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { ValidationMessage, ValidationMessageProps };

package/dist/esm/components/validation-message/validation-message.js

@@ -1,19 +1,23 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
+import cl from "clsx/lite";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/components/validation-message/validation-message.tsx
 /**
- * Use `ValidationMessage` to display validation text
- *
- * @example
- * <ValidationMessage>This is a danger validation message</ValidationMessage>
- */
+* Use `ValidationMessage` to display validation text
+*
+* @example
+* <ValidationMessage>This is a danger validation message</ValidationMessage>
+*/
 const ValidationMessage = forwardRef(function ValidationMessage({ className, asChild, ...rest }, ref) {
-    const Component = asChild ? Slot : 'p';
-    return (jsx(Component, { className: cl('ds-validation-message', className), "data-field": 'validation', ref: ref, suppressHydrationWarning // Since <ds-field> adds attributes
-        : true, ...rest }));
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
+		className: cl("ds-validation-message", className),
+		"data-field": "validation",
+		ref,
+		suppressHydrationWarning: true,
+		...rest
+	});
 });
-
+//#endregion
 export { ValidationMessage };

package/dist/esm/index.d.ts

@@ -0,0 +1,134 @@
+
+import { DefaultProps, LabelRequired, Placement } from "./types.js";
+import { Alert, AlertProps } from "./components/alert/alert.js";
+import { useDebounceCallback } from "./utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js";
+import { useIsomorphicLayoutEffect } from "./utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js";
+import { useMediaQuery } from "./utilities/hooks/deprecated/use-media-query/use-media-query.js";
+import { UseCheckboxGroupProps, useCheckboxGroup } from "./utilities/hooks/use-checkbox-group/use-checkbox-group.js";
+import { UsePaginationProps, usePagination } from "./utilities/hooks/use-pagination/use-pagination.js";
+import { UseRadioGroupProps, useRadioGroup } from "./utilities/hooks/use-radio-group/use-radio-group.js";
+import { useSynchronizedAnimation } from "./utilities/hooks/use-synchronized-animation/use-synchronized-animation.js";
+import { RovingFocusRoot } from "./utilities/roving-focus/roving-focus-root.js";
+import { RovingFocusItem } from "./utilities/roving-focus/roving-focus-item.js";
+import { MergeRight } from "./utilities/types.js";
+import "./utilities/index.js";
+import { Avatar, AvatarProps } from "./components/avatar/avatar.js";
+import { AvatarStackProps, EXPERIMENTAL_AvatarStack } from "./components/avatar-stack/avatar-stack.js";
+import { BadgePosition, BadgePositionProps } from "./components/badge/badge-position.js";
+import { BadgeProps } from "./components/badge/badge.js";
+import { Badge } from "./components/badge/index.js";
+import { BreadcrumbsProps } from "./components/breadcrumbs/breadcrumbs.js";
+import { BreadcrumbsItem, BreadcrumbsItemProps } from "./components/breadcrumbs/breadcrumbs-item.js";
+import { Link, LinkProps } from "./components/link/link.js";
+import { BreadcrumbsLink, BreadcrumbsLinkProps } from "./components/breadcrumbs/breadcrumbs-link.js";
+import { BreadcrumbsList, BreadcrumbsListProps } from "./components/breadcrumbs/breadcrumbs-list.js";
+import { Breadcrumbs as BreadcrumbsComponent } from "./components/breadcrumbs/index.js";
+import { Button, ButtonProps } from "./components/button/button.js";
+import { ComboboxOption, ComboboxOptionProps } from "./components/Combobox/Option/Option.js";
+import { ComboboxProps } from "./components/Combobox/Combobox.js";
+import { ComboboxEmpty, ComboboxEmptyProps } from "./components/Combobox/Empty.js";
+import { Combobox } from "./components/Combobox/index.js";
+import { CardProps } from "./components/card/card.js";
+import { CardBlock, CardBlockProps } from "./components/card/card-block.js";
+import { Card as CardComponent } from "./components/card/index.js";
+import { FieldProps } from "./components/field/field.js";
+import { FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps } from "./components/field/field-affix.js";
+import { ValidationMessage, ValidationMessageProps } from "./components/validation-message/validation-message.js";
+import { FieldCounter, FieldCounterProps } from "./components/field/field-counter.js";
+import { FieldDescription, FieldDescriptionProps } from "./components/field/field-description.js";
+import { Field as FieldComponent } from "./components/field/index.js";
+import { Input, InputProps } from "./components/input/input.js";
+import { Checkbox, CheckboxProps } from "./components/checkbox/checkbox.js";
+import { ChipButton, ChipButtonProps, ChipCheckbox, ChipCheckboxProps, ChipRadio, ChipRadioProps, ChipRemovable, ChipRemovableProps } from "./components/chip/chips.js";
+import { Chip as ChipComponent } from "./components/chip/index.js";
+import { DetailsProps } from "./components/details/details.js";
+import { DetailsContent, DetailsContentProps } from "./components/details/details-content.js";
+import { DetailsSummary, DetailsSummaryProps } from "./components/details/details-summary.js";
+import { Details as DetailsComponent } from "./components/details/index.js";
+import { DialogProps } from "./components/dialog/dialog.js";
+import { DialogBlock, DialogBlockProps } from "./components/dialog/dialog-block.js";
+import { DialogTrigger, DialogTriggerProps } from "./components/dialog/dialog-trigger.js";
+import { DialogTriggerContext, DialogTriggerContextProps } from "./components/dialog/dialog-trigger-context.js";
+import { Dialog as DialogComponent } from "./components/dialog/index.js";
+import { Divider, DividerProps } from "./components/divider/divider.js";
+import { PopoverProps } from "./components/popover/popover.js";
+import { DropdownProps } from "./components/dropdown/dropdown.js";
+import { DropdownButton, DropdownButtonProps } from "./components/dropdown/dropdown-button.js";
+import { Heading, HeadingProps } from "./components/heading/heading.js";
+import { DropdownHeading, DropdownHeadingProps } from "./components/dropdown/dropdown-heading.js";
+import { DropdownItem, DropdownItemProps } from "./components/dropdown/dropdown-item.js";
+import { DropdownList, DropdownListProps } from "./components/dropdown/dropdown-list.js";
+import { PopoverTrigger, PopoverTriggerProps } from "./components/popover/popover-trigger.js";
+import { DropdownTrigger } from "./components/dropdown/dropdown-trigger.js";
+import { DropdownTriggerContext, DropdownTriggerContextProps } from "./components/dropdown/dropdown-trigger-context.js";
+import { Dropdown as DropdownComponent } from "./components/dropdown/index.js";
+import { ErrorSummaryProps } from "./components/error-summary/error-summary.js";
+import { ErrorSummaryHeading, ErrorSummaryHeadingProps } from "./components/error-summary/error-summary-heading.js";
+import { ListItem, ListItemProps } from "./components/list/list-item.js";
+import { ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps } from "./components/list/lists.js";
+import { List as ListComponent } from "./components/list/index.js";
+import { ErrorSummaryItem, ErrorSummaryItemProps } from "./components/error-summary/error-summary-item.js";
+import { ErrorSummaryLink, ErrorSummaryLinkProps } from "./components/error-summary/error-summary-link.js";
+import { ErrorSummaryList, ErrorSummaryListProps } from "./components/error-summary/error-summary-list.js";
+import { ErrorSummary as ErrorSummaryComponent } from "./components/error-summary/index.js";
+import { FieldsetProps } from "./components/fieldset/fieldset.js";
+import { Paragraph, ParagraphProps } from "./components/paragraph/paragraph.js";
+import { FieldsetDescription, FieldsetDescriptionProps } from "./components/fieldset/fieldset-description.js";
+import { FieldsetLegend, FieldsetLegendProps } from "./components/fieldset/fieldset-legend.js";
+import { Fieldset as FieldsetComponent } from "./components/fieldset/index.js";
+import { FileUploadProps } from "./components/file-upload/file-upload.js";
+import { EXPERIMENTAL_FileUpload } from "./components/file-upload/index.js";
+import { Label, LabelProps } from "./components/label/label.js";
+import { PaginationProps } from "./components/pagination/pagination.js";
+import { PaginationButton, PaginationButtonProps } from "./components/pagination/pagination-button.js";
+import { PaginationItem, PaginationItemProps } from "./components/pagination/pagination-item.js";
+import { PaginationList, PaginationListProps } from "./components/pagination/pagination-list.js";
+import { Pagination as PaginationComponent } from "./components/pagination/index.js";
+import { PopoverTriggerContext, PopoverTriggerContextProps } from "./components/popover/popover-trigger-context.js";
+import { Popover as PopoverComponent } from "./components/popover/index.js";
+import { Radio, RadioProps } from "./components/radio/radio.js";
+import { SearchProps } from "./components/search/search.js";
+import { SearchButton, SearchButtonProps } from "./components/search/search-button.js";
+import { SearchClear, SearchClearProps } from "./components/search/search-clear.js";
+import { SearchInput, SearchInputProps } from "./components/search/search-input.js";
+import { Search as SearchComponent } from "./components/search/index.js";
+import { SelectProps } from "./components/select/select.js";
+import { SelectOptgroup, SelectOptgroupProps } from "./components/select/select-optgroup.js";
+import { SelectOption, SelectOptionProps } from "./components/select/select-option.js";
+import { Select as SelectComponent } from "./components/select/index.js";
+import { Skeleton, SkeletonProps } from "./components/skeleton/skeleton.js";
+import { SkipLink, SkipLinkProps } from "./components/skip-link/skip-link.js";
+import { Spinner, SpinnerProps } from "./components/spinner/spinner.js";
+import { SuggestionItem, SuggestionMultipleProps, SuggestionProps, SuggestionSingleProps } from "./components/suggestion/suggestion.js";
+import { SuggestionClear, SuggestionClearProps } from "./components/suggestion/suggestion-clear.js";
+import { SuggestionEmpty, SuggestionEmptyProps } from "./components/suggestion/suggestion-empty.js";
+import { SuggestionInput, SuggestionInputProps } from "./components/suggestion/suggestion-input.js";
+import { SuggestionList, SuggestionListProps } from "./components/suggestion/suggestion-list.js";
+import { SuggestionOption, SuggestionOptionProps } from "./components/suggestion/suggestion-option.js";
+import { SuggestionToggle, SuggestionToggleProps } from "./components/suggestion/suggestion-toggle.js";
+import { EXPERIMENTAL_Suggestion } from "./components/suggestion/index.js";
+import { Switch, SwitchProps } from "./components/switch/switch.js";
+import { TableProps } from "./components/table/table.js";
+import { TableBody, TableBodyProps } from "./components/table/table-body.js";
+import { TableCell, TableCellProps } from "./components/table/table-cell.js";
+import { TableFoot, TableFootProps } from "./components/table/table-foot.js";
+import { TableHead, TableHeadProps } from "./components/table/table-head.js";
+import { TableHeaderCell, TableHeaderCellProps } from "./components/table/table-header-cell.js";
+import { TableRow, TableRowProps } from "./components/table/table-row.js";
+import { Table as TableComponent } from "./components/table/index.js";
+import { TabsProps } from "./components/tabs/tabs.js";
+import { TabsList, TabsListProps } from "./components/tabs/tabs-list.js";
+import { TabsPanel, TabsPanelProps } from "./components/tabs/tabs-panel.js";
+import { TabsTab, TabsTabProps } from "./components/tabs/tabs-tab.js";
+import { Tabs as TabsComponent } from "./components/tabs/index.js";
+import { Tag, TagProps } from "./components/tag/tag.js";
+import { Textarea, TextareaProps } from "./components/textarea/textarea.js";
+import { Textfield, TextfieldProps } from "./components/textfield/textfield.js";
+import { ToggleGroupProps } from "./components/toggle-group/toggle-group.js";
+import { ToggleGroupItem, ToggleGroupItemProps } from "./components/toggle-group/toggle-group-item.js";
+import { ToggleGroup as ToggleGroupComponent } from "./components/toggle-group/index.js";
+import { Tooltip, TooltipProps } from "./components/tooltip/tooltip.js";
+import "./components/index.js";
+import { omit } from "./components/Combobox/omit/omit.js";
+import { Size } from "@digdir/designsystemet-types";
+export { Alert, type AlertProps, Avatar, type AvatarProps, type AvatarStackProps, Badge, BadgePosition, type BadgePositionProps, type BadgeProps, BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, BreadcrumbsLink, type BreadcrumbsLinkProps, BreadcrumbsList, type BreadcrumbsListProps, type BreadcrumbsProps, Button, type ButtonProps, CardComponent as Card, CardBlock, type CardBlockProps, type CardProps, Checkbox, type CheckboxProps, ChipComponent as Chip, ChipButton, type ChipButtonProps, ChipCheckbox, type ChipCheckboxProps, ChipRadio, type ChipRadioProps, ChipRemovable, type ChipRemovableProps, Combobox, ComboboxEmpty, type ComboboxEmptyProps, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, type DefaultProps, DetailsComponent as Details, DetailsContent, type DetailsContentProps, type DetailsProps, DetailsSummary, type DetailsSummaryProps, DialogComponent as Dialog, DialogBlock, type DialogBlockProps, type DialogProps, DialogTrigger, DialogTriggerContext, type DialogTriggerContextProps, type DialogTriggerProps, Divider, type DividerProps, DropdownComponent as Dropdown, DropdownButton, type DropdownButtonProps, DropdownHeading, type DropdownHeadingProps, DropdownItem, type DropdownItemProps, DropdownList, type DropdownListProps, type DropdownProps, DropdownTrigger, DropdownTriggerContext, type DropdownTriggerContextProps, EXPERIMENTAL_AvatarStack, EXPERIMENTAL_FileUpload, EXPERIMENTAL_Suggestion, SuggestionClear as EXPERIMENTAL_SuggestionClear, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionOption as EXPERIMENTAL_SuggestionOption, SuggestionToggle as EXPERIMENTAL_SuggestionToggle, ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, type ErrorSummaryHeadingProps, ErrorSummaryItem, type ErrorSummaryItemProps, ErrorSummaryLink, type ErrorSummaryLinkProps, ErrorSummaryList, type ErrorSummaryListProps, type ErrorSummaryProps, FieldComponent as Field, FieldAffix, type FieldAffixProps, FieldAffixes, type FieldAffixesProps, FieldCounter, type FieldCounterProps, FieldDescription, type FieldDescriptionProps, type FieldProps, FieldsetComponent as Fieldset, FieldsetDescription, type FieldsetDescriptionProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, type FileUploadProps, Heading, type HeadingProps, Input, type InputProps, Label, type LabelProps, type LabelRequired, Link, type LinkProps, ListComponent as List, ListItem, type ListItemProps, ListOrdered, type ListOrderedProps, ListUnordered, type ListUnorderedProps, type MergeRight, PaginationComponent as Pagination, PaginationButton, type PaginationButtonProps, PaginationItem, type PaginationItemProps, PaginationList, type PaginationListProps, type PaginationProps, Paragraph, type ParagraphProps, type Placement, PopoverComponent as Popover, type PopoverProps, PopoverTrigger, PopoverTriggerContext, type PopoverTriggerContextProps, type PopoverTriggerProps, Radio, type RadioProps, RovingFocusItem, RovingFocusRoot, SearchComponent as Search, SearchButton, type SearchButtonProps, SearchClear, type SearchClearProps, SearchInput, type SearchInputProps, type SearchProps, SelectComponent as Select, SelectOptgroup, type SelectOptgroupProps, SelectOption, type SelectOptionProps, type SelectProps, type Size, Skeleton, type SkeletonProps, SkipLink, type SkipLinkProps, Spinner, type SpinnerProps, type SuggestionClearProps, type SuggestionEmptyProps, type SuggestionInputProps, type SuggestionItem, type SuggestionListProps, type SuggestionMultipleProps, type SuggestionOptionProps, type SuggestionProps, type SuggestionSingleProps, type SuggestionToggleProps, Switch, type SwitchProps, TableComponent as Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, type TableProps, TableRow, type TableRowProps, TabsComponent as Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps, Tag, type TagProps, Textarea, type TextareaProps, Textfield, type TextfieldProps, ToggleGroupComponent as ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip, type TooltipProps, type UseCheckboxGroupProps, type UsePaginationProps, type UseRadioGroupProps, ValidationMessage, type ValidationMessageProps, omit, useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation };

package/dist/esm/index.js

@@ -1,111 +1,112 @@
 'use client';
-import '@digdir/designsystemet-web';
-export { Alert } from './components/alert/alert.js';
-export { Avatar } from './components/avatar/avatar.js';
-export { EXPERIMENTAL_AvatarStack } from './components/avatar-stack/avatar-stack.js';
-export { Badge } from './components/badge/index.js';
-export { Breadcrumbs } from './components/breadcrumbs/index.js';
-export { Button } from './components/button/button.js';
-export { Combobox } from './components/Combobox/index.js';
-export { Card } from './components/card/index.js';
-export { Checkbox } from './components/checkbox/checkbox.js';
-export { Chip } from './components/chip/index.js';
-export { Details } from './components/details/index.js';
-export { Dialog } from './components/dialog/index.js';
-export { Divider } from './components/divider/divider.js';
-export { Dropdown } from './components/dropdown/index.js';
-export { ErrorSummary } from './components/error-summary/index.js';
-export { Field } from './components/field/index.js';
-export { Fieldset } from './components/fieldset/index.js';
-export { EXPERIMENTAL_FileUpload } from './components/file-upload/index.js';
-export { Heading } from './components/heading/heading.js';
-export { Input } from './components/input/input.js';
-export { Label } from './components/label/label.js';
-export { Link } from './components/link/link.js';
-export { List } from './components/list/index.js';
-export { Pagination } from './components/pagination/index.js';
-export { Paragraph } from './components/paragraph/paragraph.js';
-export { Popover } from './components/popover/index.js';
-export { Radio } from './components/radio/radio.js';
-export { Search } from './components/search/index.js';
-export { Select } from './components/select/index.js';
-export { Skeleton } from './components/skeleton/skeleton.js';
-export { SkipLink } from './components/skip-link/skip-link.js';
-export { Spinner } from './components/spinner/spinner.js';
-export { EXPERIMENTAL_Suggestion } from './components/suggestion/index.js';
-export { Switch } from './components/switch/switch.js';
-export { Table } from './components/table/index.js';
-export { Tabs } from './components/tabs/index.js';
-export { Tag } from './components/tag/tag.js';
-export { Textarea } from './components/textarea/textarea.js';
-export { Textfield } from './components/textfield/textfield.js';
-export { ToggleGroup } from './components/toggle-group/index.js';
-export { Tooltip } from './components/tooltip/tooltip.js';
-export { ValidationMessage } from './components/validation-message/validation-message.js';
-export { omit } from './components/Combobox/omit/omit.js';
-export { useDebounceCallback } from './utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js';
-export { useIsomorphicLayoutEffect } from './utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js';
-export { useMediaQuery } from './utilities/hooks/deprecated/use-media-query/use-media-query.js';
-export { useCheckboxGroup } from './utilities/hooks/use-checkbox-group/use-checkbox-group.js';
-import 'react';
-export { usePagination } from './utilities/hooks/use-pagination/use-pagination.js';
-export { useRadioGroup } from './utilities/hooks/use-radio-group/use-radio-group.js';
-export { useSynchronizedAnimation } from './utilities/hooks/use-synchronized-animation/use-synchronized-animation.js';
-export { RovingFocusItem } from './utilities/roving-focus/roving-focus-item.js';
-export { RovingFocusRoot } from './utilities/roving-focus/roving-focus-root.js';
-export { BadgePosition } from './components/badge/badge-position.js';
-export { BreadcrumbsItem } from './components/breadcrumbs/breadcrumbs-item.js';
-export { BreadcrumbsLink } from './components/breadcrumbs/breadcrumbs-link.js';
-export { BreadcrumbsList } from './components/breadcrumbs/breadcrumbs-list.js';
-export { CardBlock } from './components/card/card-block.js';
-export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/chip/chips.js';
-export { ComboboxEmpty } from './components/Combobox/Empty.js';
-export { ComboboxOption } from './components/Combobox/Option/Option.js';
-export { DetailsContent } from './components/details/details-content.js';
-export { DetailsSummary } from './components/details/details-summary.js';
-export { DialogBlock } from './components/dialog/dialog-block.js';
-export { DialogTrigger } from './components/dialog/dialog-trigger.js';
-export { DialogTriggerContext } from './components/dialog/dialog-trigger-context.js';
-export { DropdownButton } from './components/dropdown/dropdown-button.js';
-export { DropdownHeading } from './components/dropdown/dropdown-heading.js';
-export { DropdownItem } from './components/dropdown/dropdown-item.js';
-export { DropdownList } from './components/dropdown/dropdown-list.js';
-export { DropdownTrigger } from './components/dropdown/dropdown-trigger.js';
-export { DropdownTriggerContext } from './components/dropdown/dropdown-trigger-context.js';
-export { SuggestionClear as EXPERIMENTAL_SuggestionClear } from './components/suggestion/suggestion-clear.js';
-export { SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty } from './components/suggestion/suggestion-empty.js';
-export { SuggestionInput as EXPERIMENTAL_SuggestionInput } from './components/suggestion/suggestion-input.js';
-export { SuggestionList as EXPERIMENTAL_SuggestionList } from './components/suggestion/suggestion-list.js';
-export { SuggestionOption as EXPERIMENTAL_SuggestionOption } from './components/suggestion/suggestion-option.js';
-export { SuggestionToggle as EXPERIMENTAL_SuggestionToggle } from './components/suggestion/suggestion-toggle.js';
-export { ErrorSummaryHeading } from './components/error-summary/error-summary-heading.js';
-export { ErrorSummaryItem } from './components/error-summary/error-summary-item.js';
-export { ErrorSummaryLink } from './components/error-summary/error-summary-link.js';
-export { ErrorSummaryList } from './components/error-summary/error-summary-list.js';
-export { FieldAffix, FieldAffixes } from './components/field/field-affix.js';
-export { FieldCounter } from './components/field/field-counter.js';
-export { FieldDescription } from './components/field/field-description.js';
-export { FieldsetDescription } from './components/fieldset/fieldset-description.js';
-export { FieldsetLegend } from './components/fieldset/fieldset-legend.js';
-export { ListItem } from './components/list/list-item.js';
-export { ListOrdered, ListUnordered } from './components/list/lists.js';
-export { PaginationButton } from './components/pagination/pagination-button.js';
-export { PaginationItem } from './components/pagination/pagination-item.js';
-export { PaginationList } from './components/pagination/pagination-list.js';
-export { PopoverTrigger } from './components/popover/popover-trigger.js';
-export { PopoverTriggerContext } from './components/popover/popover-trigger-context.js';
-export { SearchButton } from './components/search/search-button.js';
-export { SearchClear } from './components/search/search-clear.js';
-export { SearchInput } from './components/search/search-input.js';
-export { SelectOptgroup } from './components/select/select-optgroup.js';
-export { SelectOption } from './components/select/select-option.js';
-export { TableBody } from './components/table/table-body.js';
-export { TableCell } from './components/table/table-cell.js';
-export { TableFoot } from './components/table/table-foot.js';
-export { TableHead } from './components/table/table-head.js';
-export { TableHeaderCell } from './components/table/table-header-cell.js';
-export { TableRow } from './components/table/table-row.js';
-export { TabsList } from './components/tabs/tabs-list.js';
-export { TabsPanel } from './components/tabs/tabs-panel.js';
-export { TabsTab } from './components/tabs/tabs-tab.js';
-export { ToggleGroupItem } from './components/toggle-group/toggle-group-item.js';
+import { Alert } from "./components/alert/alert.js";
+import { Avatar } from "./components/avatar/avatar.js";
+import { EXPERIMENTAL_AvatarStack } from "./components/avatar-stack/avatar-stack.js";
+import { BadgePosition } from "./components/badge/badge-position.js";
+import { Badge } from "./components/badge/index.js";
+import { BreadcrumbsItem } from "./components/breadcrumbs/breadcrumbs-item.js";
+import { Link } from "./components/link/link.js";
+import { BreadcrumbsLink } from "./components/breadcrumbs/breadcrumbs-link.js";
+import { BreadcrumbsList } from "./components/breadcrumbs/breadcrumbs-list.js";
+import { Breadcrumbs as BreadcrumbsComponent } from "./components/breadcrumbs/index.js";
+import { useDebounceCallback } from "./utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js";
+import { useIsomorphicLayoutEffect } from "./utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js";
+import { useMediaQuery } from "./utilities/hooks/deprecated/use-media-query/use-media-query.js";
+import { useCheckboxGroup } from "./utilities/hooks/use-checkbox-group/use-checkbox-group.js";
+import { usePagination } from "./utilities/hooks/use-pagination/use-pagination.js";
+import { useRadioGroup } from "./utilities/hooks/use-radio-group/use-radio-group.js";
+import { useSynchronizedAnimation } from "./utilities/hooks/use-synchronized-animation/use-synchronized-animation.js";
+import { RovingFocusRoot } from "./utilities/roving-focus/roving-focus-root.js";
+import { RovingFocusItem } from "./utilities/roving-focus/roving-focus-item.js";
+import "./utilities/index.js";
+import { Spinner } from "./components/spinner/spinner.js";
+import { Button } from "./components/button/button.js";
+import { Label } from "./components/label/label.js";
+import { omit } from "./components/Combobox/omit/omit.js";
+import { ValidationMessage } from "./components/validation-message/validation-message.js";
+import { Paragraph } from "./components/paragraph/paragraph.js";
+import { Input } from "./components/input/input.js";
+import { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from "./components/chip/chips.js";
+import { Chip as ChipComponent } from "./components/chip/index.js";
+import { ComboboxOption } from "./components/Combobox/Option/Option.js";
+import { ComboboxEmpty } from "./components/Combobox/Empty.js";
+import { Combobox } from "./components/Combobox/index.js";
+import { CardBlock } from "./components/card/card-block.js";
+import { Card as CardComponent } from "./components/card/index.js";
+import { FieldAffix, FieldAffixes } from "./components/field/field-affix.js";
+import { FieldCounter } from "./components/field/field-counter.js";
+import { FieldDescription } from "./components/field/field-description.js";
+import { Field as FieldComponent } from "./components/field/index.js";
+import { Checkbox } from "./components/checkbox/checkbox.js";
+import { DetailsContent } from "./components/details/details-content.js";
+import { DetailsSummary } from "./components/details/details-summary.js";
+import { Details as DetailsComponent } from "./components/details/index.js";
+import { DialogTriggerContext } from "./components/dialog/dialog-trigger-context.js";
+import { DialogBlock } from "./components/dialog/dialog-block.js";
+import { DialogTrigger } from "./components/dialog/dialog-trigger.js";
+import { Dialog as DialogComponent } from "./components/dialog/index.js";
+import { Divider } from "./components/divider/divider.js";
+import { PopoverTriggerContext } from "./components/popover/popover-trigger-context.js";
+import { DropdownButton } from "./components/dropdown/dropdown-button.js";
+import { Heading } from "./components/heading/heading.js";
+import { DropdownHeading } from "./components/dropdown/dropdown-heading.js";
+import { DropdownItem } from "./components/dropdown/dropdown-item.js";
+import { DropdownList } from "./components/dropdown/dropdown-list.js";
+import { PopoverTrigger } from "./components/popover/popover-trigger.js";
+import { DropdownTrigger } from "./components/dropdown/dropdown-trigger.js";
+import { DropdownTriggerContext } from "./components/dropdown/dropdown-trigger-context.js";
+import { Dropdown as DropdownComponent } from "./components/dropdown/index.js";
+import { ErrorSummaryHeading } from "./components/error-summary/error-summary-heading.js";
+import { ListItem } from "./components/list/list-item.js";
+import { ListOrdered, ListUnordered } from "./components/list/lists.js";
+import { List as ListComponent } from "./components/list/index.js";
+import { ErrorSummaryItem } from "./components/error-summary/error-summary-item.js";
+import { ErrorSummaryLink } from "./components/error-summary/error-summary-link.js";
+import { ErrorSummaryList } from "./components/error-summary/error-summary-list.js";
+import { ErrorSummary as ErrorSummaryComponent } from "./components/error-summary/index.js";
+import { FieldsetDescription } from "./components/fieldset/fieldset-description.js";
+import { FieldsetLegend } from "./components/fieldset/fieldset-legend.js";
+import { Fieldset as FieldsetComponent } from "./components/fieldset/index.js";
+import { EXPERIMENTAL_FileUpload } from "./components/file-upload/index.js";
+import { PaginationButton } from "./components/pagination/pagination-button.js";
+import { PaginationItem } from "./components/pagination/pagination-item.js";
+import { PaginationList } from "./components/pagination/pagination-list.js";
+import { Pagination as PaginationComponent } from "./components/pagination/index.js";
+import { Popover as PopoverComponent } from "./components/popover/index.js";
+import { Radio } from "./components/radio/radio.js";
+import { SearchButton } from "./components/search/search-button.js";
+import { SearchClear } from "./components/search/search-clear.js";
+import { SearchInput } from "./components/search/search-input.js";
+import { Search as SearchComponent } from "./components/search/index.js";
+import { SelectOptgroup } from "./components/select/select-optgroup.js";
+import { SelectOption } from "./components/select/select-option.js";
+import { Select as SelectComponent } from "./components/select/index.js";
+import { Skeleton } from "./components/skeleton/skeleton.js";
+import { SkipLink } from "./components/skip-link/skip-link.js";
+import { SuggestionClear } from "./components/suggestion/suggestion-clear.js";
+import { SuggestionEmpty } from "./components/suggestion/suggestion-empty.js";
+import { SuggestionInput } from "./components/suggestion/suggestion-input.js";
+import { SuggestionList } from "./components/suggestion/suggestion-list.js";
+import { SuggestionOption } from "./components/suggestion/suggestion-option.js";
+import { SuggestionToggle } from "./components/suggestion/suggestion-toggle.js";
+import { EXPERIMENTAL_Suggestion } from "./components/suggestion/index.js";
+import { Switch } from "./components/switch/switch.js";
+import { TableBody } from "./components/table/table-body.js";
+import { TableCell } from "./components/table/table-cell.js";
+import { TableFoot } from "./components/table/table-foot.js";
+import { TableHead } from "./components/table/table-head.js";
+import { TableHeaderCell } from "./components/table/table-header-cell.js";
+import { TableRow } from "./components/table/table-row.js";
+import { Table as TableComponent } from "./components/table/index.js";
+import { TabsList } from "./components/tabs/tabs-list.js";
+import { TabsPanel } from "./components/tabs/tabs-panel.js";
+import { TabsTab } from "./components/tabs/tabs-tab.js";
+import { Tabs as TabsComponent } from "./components/tabs/index.js";
+import { Tag } from "./components/tag/tag.js";
+import { Textarea } from "./components/textarea/textarea.js";
+import { Textfield } from "./components/textfield/textfield.js";
+import { ToggleGroupItem } from "./components/toggle-group/toggle-group-item.js";
+import { ToggleGroup as ToggleGroupComponent } from "./components/toggle-group/index.js";
+import { Tooltip } from "./components/tooltip/tooltip.js";
+import "./components/index.js";
+export { Alert, Avatar, Badge, BadgePosition, BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, Button, CardComponent as Card, CardBlock, Checkbox, ChipComponent as Chip, ChipButton, ChipCheckbox, ChipRadio, ChipRemovable, Combobox, ComboboxEmpty, ComboboxOption, DetailsComponent as Details, DetailsContent, DetailsSummary, DialogComponent as Dialog, DialogBlock, DialogTrigger, DialogTriggerContext, Divider, DropdownComponent as Dropdown, DropdownButton, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, EXPERIMENTAL_AvatarStack, EXPERIMENTAL_FileUpload, EXPERIMENTAL_Suggestion, SuggestionClear as EXPERIMENTAL_SuggestionClear, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionOption as EXPERIMENTAL_SuggestionOption, SuggestionToggle as EXPERIMENTAL_SuggestionToggle, ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, ErrorSummaryItem, ErrorSummaryLink, ErrorSummaryList, FieldComponent as Field, FieldAffix, FieldAffixes, FieldCounter, FieldDescription, FieldsetComponent as Fieldset, FieldsetDescription, FieldsetLegend, Heading, Input, Label, Link, ListComponent as List, ListItem, ListOrdered, ListUnordered, PaginationComponent as Pagination, PaginationButton, PaginationItem, PaginationList, Paragraph, PopoverComponent as Popover, PopoverTrigger, PopoverTriggerContext, Radio, RovingFocusItem, RovingFocusRoot, SearchComponent as Search, SearchButton, SearchClear, SearchInput, SelectComponent as Select, SelectOptgroup, SelectOption, Skeleton, SkipLink, Spinner, Switch, TableComponent as Table, TableBody, TableCell, TableFoot, TableHead, TableHeaderCell, TableRow, TabsComponent as Tabs, TabsList, TabsPanel, TabsTab, Tag, Textarea, Textfield, ToggleGroupComponent as ToggleGroup, ToggleGroupItem, Tooltip, ValidationMessage, omit, useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation };

package/dist/esm/types.d.ts

@@ -0,0 +1,37 @@
+
+import { Color, SeverityColors } from "./colors.js";
+import { ReactNode } from "react";
+import { Size } from "@digdir/designsystemet-types";
+import { Placement } from "@floating-ui/dom";
+//#region src/types.d.ts
+type Placement$1 = Placement | 'none';
+type DefaultProps = {
+  /**
+   * Use `data-size` to change the size for descendant Designsystemet components and variables.
+   *
+   * Select from predefined sizes or define your own size.
+   */
+  'data-size'?: Size | (string & {});
+  /**
+   * Use `data-color` to change the color for descendant Designsystemet components and variables.
+   *
+   * Select from predefined colors and colors defined using theme.designsystemet.no.
+   * @link https://theme.designsystemet.no
+   */
+  'data-color'?: Color | SeverityColors | (string & {});
+};
+type LabelRequired = {
+  'aria-label': string;
+  'aria-labelledby'?: never;
+  label?: never;
+} | {
+  'aria-label'?: never;
+  'aria-labelledby'?: never;
+  label: ReactNode;
+} | {
+  'aria-label'?: never;
+  'aria-labelledby': string;
+  label?: never;
+};
+//#endregion
+export { DefaultProps, LabelRequired, Placement$1 as Placement };

package/dist/esm/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts

@@ -0,0 +1,6 @@
+
+//#region src/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts
+type DebounceFunction<T> = (...args: T[]) => void;
+declare function useDebounceCallback<T>(callback: DebounceFunction<T>, delay?: number): (...args: T[]) => void;
+//#endregion
+export { useDebounceCallback };

package/dist/esm/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.js

@@ -1,25 +1,20 @@
 'use client';
-import { useRef, useEffect } from 'react';
-
+import { useEffect, useRef } from "react";
+//#region src/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.ts
 function useDebounceCallback(callback, delay = 50) {
-    const timeoutRef = useRef(null);
-    useEffect(() => {
-        // Cleanup the previous timeout on re-render
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, []);
-    const debouncedCallback = (...args) => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = window.setTimeout(() => {
-            callback(...args);
-        }, delay);
-    };
-    return debouncedCallback;
+	const timeoutRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	const debouncedCallback = (...args) => {
+		if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		timeoutRef.current = window.setTimeout(() => {
+			callback(...args);
+		}, delay);
+	};
+	return debouncedCallback;
 }
-
+//#endregion
 export { useDebounceCallback };

package/dist/esm/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,6 @@
+
+import { useEffect } from "react";
+//#region src/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+//#endregion
+export { useIsomorphicLayoutEffect };

package/dist/esm/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.js

@@ -1,7 +1,6 @@
 'use client';
-import { useLayoutEffect, useEffect } from 'react';
-
-// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-
+import { useEffect, useLayoutEffect } from "react";
+//#region src/utilities/hooks/deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect.ts
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+//#endregion
 export { useIsomorphicLayoutEffect };

package/dist/esm/utilities/hooks/deprecated/use-media-query/use-media-query.d.ts

@@ -0,0 +1,9 @@
+
+//#region src/utilities/hooks/deprecated/use-media-query/use-media-query.d.ts
+type UseMediaQueryOptions = {
+  defaultValue?: boolean;
+  initializeWithValue?: boolean;
+};
+declare function useMediaQuery(query: string, { defaultValue, initializeWithValue }?: UseMediaQueryOptions): boolean;
+//#endregion
+export { useMediaQuery };