@digdir/designsystemet-react 1.19.1 → 1.20.1

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

@@ -1,28 +1,28 @@
 'use client';
-import { Fieldset } from './fieldset.js';
-import { FieldsetDescription } from './fieldset-description.js';
-import { FieldsetLegend } from './fieldset-legend.js';
-
+import { Fieldset } from "./fieldset.js";
+import { FieldsetDescription } from "./fieldset-description.js";
+import { FieldsetLegend } from "./fieldset-legend.js";
+//#region src/components/fieldset/index.ts
 /**
- * Fieldset component, used to wrap a form field.
- *
- * @example
- * <Fieldset>
- *   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
- *   <Fieldset.Description>
- *     Gi en kort beskrivelse i begge feltene
- *   </Fieldset.Description>
- *   <Field>
- *     <Label>Kort beskrivelse</Label>
- *     <Input />
- *   </Field>
- * </Fieldset>
- */
+* Fieldset component, used to wrap a form field.
+*
+* @example
+* <Fieldset>
+*   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+*   <Fieldset.Description>
+*     Gi en kort beskrivelse i begge feltene
+*   </Fieldset.Description>
+*   <Field>
+*     <Label>Kort beskrivelse</Label>
+*     <Input />
+*   </Field>
+* </Fieldset>
+*/
 const FieldsetComponent = Object.assign(Fieldset, {
-    Legend: FieldsetLegend,
-    Description: FieldsetDescription,
+	Legend: FieldsetLegend,
+	Description: FieldsetDescription
 });
-FieldsetComponent.Legend.displayName = 'Fieldset.Legend';
-FieldsetComponent.Description.displayName = 'Fieldset.Description';
-
+FieldsetComponent.Legend.displayName = "Fieldset.Legend";
+FieldsetComponent.Description.displayName = "Fieldset.Description";
+//#endregion
 export { FieldsetComponent as Fieldset, FieldsetDescription, FieldsetLegend };

package/dist/esm/components/file-upload/file-upload.d.ts

@@ -0,0 +1,11 @@
+
+import { DefaultProps } from "../../types.js";
+import { MergeRight } from "../../utilities/types.js";
+import "../../utilities/index.js";
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/components/file-upload/file-upload.d.ts
+type FileUploadProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+  children?: ReactNode;
+}>;
+//#endregion
+export { FileUploadProps };

package/dist/esm/components/file-upload/file-upload.js

@@ -1,29 +1,33 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
+import cl from "clsx/lite";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/file-upload/file-upload.tsx
 /**
- * FileUpload component to present a file upload area.
- *
- * @example
- * <Field>
- *  <Label>Upload file</Label>
- *  <FileUpload>
- *    <CloudUpIcon aria-hidden='true' />
- *    <Field.Description>Drop file here</Field.Description>
- *    <Field.Description>
- *      File must be in csv format and less than 2MB
- *    </Field.Description>
- *    <Button asChild data-variant='secondary'>
- *      <span>Upload file</span>
- *    </Button>
- *    <input type="file" />
- *  </FileUpload>
- * </Field>
- */
+* FileUpload component to present a file upload area.
+*
+* @example
+* <Field>
+*  <Label>Upload file</Label>
+*  <FileUpload>
+*    <CloudUpIcon aria-hidden='true' />
+*    <Field.Description>Drop file here</Field.Description>
+*    <Field.Description>
+*      File must be in csv format and less than 2MB
+*    </Field.Description>
+*    <Button asChild data-variant='secondary'>
+*      <span>Upload file</span>
+*    </Button>
+*    <input type="file" />
+*  </FileUpload>
+* </Field>
+*/
 const FileUpload = forwardRef(function FileUpload({ className, ...rest }, ref) {
-    return (jsx("div", { ref: ref, className: cl('ds-file-upload', className), ...rest }));
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cl("ds-file-upload", className),
+		...rest
+	});
 });
-
+//#endregion
 export { FileUpload };

package/dist/{types → esm}/components/file-upload/index.d.ts

@@ -1,3 +1,8 @@
+
+import { DefaultProps } from "../../types.js";
+import { FileUploadProps } from "./file-upload.js";
+import "../../index.js";
+//#region src/components/file-upload/index.d.ts
 /**
  * FileUpload component to present a file upload area.
  *
@@ -17,8 +22,8 @@
  *  </FileUpload>
  * </Field>
  */
-declare const EXPERIMENTAL_FileUpload: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
-    children?: import("react").ReactNode;
+declare const EXPERIMENTAL_FileUpload: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export type { FileUploadProps } from './file-upload';
-export { EXPERIMENTAL_FileUpload };
+//#endregion
+export { EXPERIMENTAL_FileUpload, type FileUploadProps };

package/dist/esm/components/file-upload/index.js

@@ -1,25 +1,25 @@
 'use client';
-import { FileUpload } from './file-upload.js';
-
+import { FileUpload } from "./file-upload.js";
+//#region src/components/file-upload/index.ts
 /**
- * FileUpload component to present a file upload area.
- *
- * @example
- * <Field>
- *  <Label>Upload file</Label>
- *  <FileUpload>
- *    <CloudUpIcon aria-hidden='true' />
- *    <Field.Description>Drop file here</Field.Description>
- *    <Field.Description>
- *      File must be in csv format and less than 2MB
- *    </Field.Description>
- *    <Button asChild data-variant='secondary'>
- *      <span>Upload file</span>
- *    </Button>
- *    <input type="file" />
- *  </FileUpload>
- * </Field>
- */
+* FileUpload component to present a file upload area.
+*
+* @example
+* <Field>
+*  <Label>Upload file</Label>
+*  <FileUpload>
+*    <CloudUpIcon aria-hidden='true' />
+*    <Field.Description>Drop file here</Field.Description>
+*    <Field.Description>
+*      File must be in csv format and less than 2MB
+*    </Field.Description>
+*    <Button asChild data-variant='secondary'>
+*      <span>Upload file</span>
+*    </Button>
+*    <input type="file" />
+*  </FileUpload>
+* </Field>
+*/
 const EXPERIMENTAL_FileUpload = FileUpload;
-
+//#endregion
 export { EXPERIMENTAL_FileUpload };

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

@@ -0,0 +1,43 @@
+
+import { HTMLAttributes } from "react";
+//#region src/components/heading/heading.d.ts
+type HeadingProps = {
+  /**
+   * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
+   * @default 2
+   */
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+  /**
+   * Changes text sizing
+   */
+  'data-size'?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+} & HTMLAttributes<HTMLHeadingElement>;
+/**
+ * Use `Heading` to render h1-6 elements with heading text styles.
+ *
+ * @example
+ * <Heading data-size='lg' level={2}>Heading</Heading>
+ */
+declare const Heading: import("react").ForwardRefExoticComponent<{
+  /**
+   * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
+   * @default 2
+   */
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+  /**
+   * Changes text sizing
+   */
+  'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+} & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+export { Heading, HeadingProps };

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

@@ -1,18 +1,21 @@
 '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/heading/heading.tsx
 /**
- * Use `Heading` to render h1-6 elements with heading text styles.
- *
- * @example
- * <Heading data-size='lg' level={2}>Heading</Heading>
- */
+* Use `Heading` to render h1-6 elements with heading text styles.
+*
+* @example
+* <Heading data-size='lg' level={2}>Heading</Heading>
+*/
 const Heading = forwardRef(function Heading({ level = 2, className, asChild, ...rest }, ref) {
-    const Component = asChild ? Slot : `h${level}`;
-    return (jsx(Component, { className: cl(`ds-heading`, className), ref: ref, ...rest }));
+	return /* @__PURE__ */ jsx(asChild ? Slot : `h${level}`, {
+		className: cl(`ds-heading`, className),
+		ref,
+		...rest
+	});
 });
-
+//#endregion
 export { Heading };

package/dist/esm/components/index.d.ts

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

package/dist/esm/components/index.js

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

package/dist/esm/components/input/input.d.ts

@@ -0,0 +1,77 @@
+
+import { DefaultProps } from "../../types.js";
+import { MergeRight } from "../../utilities/types.js";
+import "../../utilities/index.js";
+import { InputHTMLAttributes } from "react";
+//#region src/components/input/input.d.ts
+type InputAttr = InputHTMLAttributes<HTMLInputElement>;
+type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix' | 'type'>, {
+  /**
+   * Supported `input` types
+   *
+   * @default 'text'
+   * */
+  type?: 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+  /**
+   * Defines the width of `Input` in count of characters.
+   */
+  size?: number;
+  /**
+   * Disables element
+   * @note Avoid using if possible for accessibility purposes
+   */
+  disabled?: boolean;
+  /**
+   * Toggle `readOnly`
+   **/
+  readOnly?: boolean;
+  /**
+   * Set role, i.e. `switch` when `checkbox` or `radio`
+   **/
+  role?: InputAttr['role'];
+  /**
+   * Indeterminate state for checkbox inputs
+   * Only works when used inside `Field` component
+   * @default false
+   **/
+  'data-indeterminate'?: boolean;
+}>;
+/**
+ * Input renders a native `input` element.
+ *
+ * @example
+ * <Input />
+ */
+declare const Input: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "role" | "disabled" | "type" | "size" | "readOnly" | "data-indeterminate"> & {
+  /**
+   * Supported `input` types
+   *
+   * @default 'text'
+   * */
+  type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
+  /**
+   * Defines the width of `Input` in count of characters.
+   */
+  size?: number;
+  /**
+   * Disables element
+   * @note Avoid using if possible for accessibility purposes
+   */
+  disabled?: boolean;
+  /**
+   * Toggle `readOnly`
+   **/
+  readOnly?: boolean;
+  /**
+   * Set role, i.e. `switch` when `checkbox` or `radio`
+   **/
+  role?: InputAttr["role"];
+  /**
+   * Indeterminate state for checkbox inputs
+   * Only works when used inside `Field` component
+   * @default false
+   **/
+  'data-indeterminate'?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, InputProps };

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

@@ -1,21 +1,27 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
+import cl from "clsx/lite";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input/input.tsx
 /**
- * Input renders a native `input` element.
- *
- * @example
- * <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, 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);
-        }, ...rest }));
+* Input renders a native `input` element.
+*
+* @example
+* <Input />
+*/
+const Input = forwardRef(function Input({ type = "text", className, onChange, onClick, ...rest }, ref) {
+	return /* @__PURE__ */ jsx("input", {
+		className: cl(`ds-input`, className),
+		ref,
+		type,
+		suppressHydrationWarning: true,
+		onChange: (event) => rest.readOnly || onChange?.(event),
+		onClick: (event) => {
+			if (rest.readOnly) event.preventDefault();
+			onClick?.(event);
+		},
+		...rest
+	});
 });
-
+//#endregion
 export { Input };