@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/cjs/components/file-upload/index.cjs

@@ -0,0 +1,24 @@
+'use client';
+//#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>
+*/
+const EXPERIMENTAL_FileUpload = require("./file-upload.cjs").FileUpload;
+//#endregion
+exports.EXPERIMENTAL_FileUpload = EXPERIMENTAL_FileUpload;

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

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

package/dist/cjs/components/heading/heading.cjs

@@ -0,0 +1,23 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@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>
+*/
+const Heading = (0, react.forwardRef)(function Heading({ level = 2, className, asChild, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : `h${level}`, {
+		className: (0, clsx_lite.default)(`ds-heading`, className),
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.Heading = Heading;

package/dist/cjs/components/heading/heading.d.cts

@@ -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/cjs/components/index.cjs

@@ -0,0 +1,203 @@
+'use client';
+const require_alert = require("./alert/alert.cjs");
+const require_avatar = require("./avatar/avatar.cjs");
+const require_avatar_stack = require("./avatar-stack/avatar-stack.cjs");
+const require_badge_position = require("./badge/badge-position.cjs");
+const require_index = require("./badge/index.cjs");
+const require_breadcrumbs_item = require("./breadcrumbs/breadcrumbs-item.cjs");
+const require_link = require("./link/link.cjs");
+const require_breadcrumbs_link = require("./breadcrumbs/breadcrumbs-link.cjs");
+const require_breadcrumbs_list = require("./breadcrumbs/breadcrumbs-list.cjs");
+const require_index$1 = require("./breadcrumbs/index.cjs");
+const require_spinner = require("./spinner/spinner.cjs");
+const require_button = require("./button/button.cjs");
+const require_label = require("./label/label.cjs");
+const require_validation_message = require("./validation-message/validation-message.cjs");
+const require_paragraph = require("./paragraph/paragraph.cjs");
+const require_input = require("./input/input.cjs");
+const require_chips = require("./chip/chips.cjs");
+const require_index$2 = require("./chip/index.cjs");
+const require_Option = require("./Combobox/Option/Option.cjs");
+const require_Empty = require("./Combobox/Empty.cjs");
+const require_index$3 = require("./Combobox/index.cjs");
+const require_card_block = require("./card/card-block.cjs");
+const require_index$4 = require("./card/index.cjs");
+const require_field_affix = require("./field/field-affix.cjs");
+const require_field_counter = require("./field/field-counter.cjs");
+const require_field_description = require("./field/field-description.cjs");
+const require_index$5 = require("./field/index.cjs");
+const require_checkbox = require("./checkbox/checkbox.cjs");
+const require_details_content = require("./details/details-content.cjs");
+const require_details_summary = require("./details/details-summary.cjs");
+const require_index$6 = require("./details/index.cjs");
+const require_dialog_trigger_context = require("./dialog/dialog-trigger-context.cjs");
+const require_dialog_block = require("./dialog/dialog-block.cjs");
+const require_dialog_trigger = require("./dialog/dialog-trigger.cjs");
+const require_index$7 = require("./dialog/index.cjs");
+const require_divider = require("./divider/divider.cjs");
+const require_popover_trigger_context = require("./popover/popover-trigger-context.cjs");
+const require_dropdown_button = require("./dropdown/dropdown-button.cjs");
+const require_heading = require("./heading/heading.cjs");
+const require_dropdown_heading = require("./dropdown/dropdown-heading.cjs");
+const require_dropdown_item = require("./dropdown/dropdown-item.cjs");
+const require_dropdown_list = require("./dropdown/dropdown-list.cjs");
+const require_popover_trigger = require("./popover/popover-trigger.cjs");
+const require_dropdown_trigger = require("./dropdown/dropdown-trigger.cjs");
+const require_dropdown_trigger_context = require("./dropdown/dropdown-trigger-context.cjs");
+const require_index$8 = require("./dropdown/index.cjs");
+const require_error_summary_heading = require("./error-summary/error-summary-heading.cjs");
+const require_list_item = require("./list/list-item.cjs");
+const require_lists = require("./list/lists.cjs");
+const require_index$9 = require("./list/index.cjs");
+const require_error_summary_item = require("./error-summary/error-summary-item.cjs");
+const require_error_summary_link = require("./error-summary/error-summary-link.cjs");
+const require_error_summary_list = require("./error-summary/error-summary-list.cjs");
+const require_index$10 = require("./error-summary/index.cjs");
+const require_fieldset_description = require("./fieldset/fieldset-description.cjs");
+const require_fieldset_legend = require("./fieldset/fieldset-legend.cjs");
+const require_index$11 = require("./fieldset/index.cjs");
+const require_index$12 = require("./file-upload/index.cjs");
+const require_pagination_button = require("./pagination/pagination-button.cjs");
+const require_pagination_item = require("./pagination/pagination-item.cjs");
+const require_pagination_list = require("./pagination/pagination-list.cjs");
+const require_index$13 = require("./pagination/index.cjs");
+const require_index$14 = require("./popover/index.cjs");
+const require_radio = require("./radio/radio.cjs");
+const require_search_button = require("./search/search-button.cjs");
+const require_search_clear = require("./search/search-clear.cjs");
+const require_search_input = require("./search/search-input.cjs");
+const require_index$15 = require("./search/index.cjs");
+const require_select_optgroup = require("./select/select-optgroup.cjs");
+const require_select_option = require("./select/select-option.cjs");
+const require_index$16 = require("./select/index.cjs");
+const require_skeleton = require("./skeleton/skeleton.cjs");
+const require_skip_link = require("./skip-link/skip-link.cjs");
+const require_suggestion_clear = require("./suggestion/suggestion-clear.cjs");
+const require_suggestion_empty = require("./suggestion/suggestion-empty.cjs");
+const require_suggestion_input = require("./suggestion/suggestion-input.cjs");
+const require_suggestion_list = require("./suggestion/suggestion-list.cjs");
+const require_suggestion_option = require("./suggestion/suggestion-option.cjs");
+const require_suggestion_toggle = require("./suggestion/suggestion-toggle.cjs");
+const require_index$17 = require("./suggestion/index.cjs");
+const require_switch = require("./switch/switch.cjs");
+const require_table_body = require("./table/table-body.cjs");
+const require_table_cell = require("./table/table-cell.cjs");
+const require_table_foot = require("./table/table-foot.cjs");
+const require_table_head = require("./table/table-head.cjs");
+const require_table_header_cell = require("./table/table-header-cell.cjs");
+const require_table_row = require("./table/table-row.cjs");
+const require_index$18 = require("./table/index.cjs");
+const require_tabs_list = require("./tabs/tabs-list.cjs");
+const require_tabs_panel = require("./tabs/tabs-panel.cjs");
+const require_tabs_tab = require("./tabs/tabs-tab.cjs");
+const require_index$19 = require("./tabs/index.cjs");
+const require_tag = require("./tag/tag.cjs");
+const require_textarea = require("./textarea/textarea.cjs");
+const require_textfield = require("./textfield/textfield.cjs");
+const require_toggle_group_item = require("./toggle-group/toggle-group-item.cjs");
+const require_index$20 = require("./toggle-group/index.cjs");
+const require_tooltip = require("./tooltip/tooltip.cjs");
+require("@digdir/designsystemet-web");
+exports.Alert = require_alert.Alert;
+exports.Avatar = require_avatar.Avatar;
+exports.Badge = require_index.Badge;
+exports.BadgePosition = require_badge_position.BadgePosition;
+exports.Breadcrumbs = require_index$1.Breadcrumbs;
+exports.BreadcrumbsItem = require_breadcrumbs_item.BreadcrumbsItem;
+exports.BreadcrumbsLink = require_breadcrumbs_link.BreadcrumbsLink;
+exports.BreadcrumbsList = require_breadcrumbs_list.BreadcrumbsList;
+exports.Button = require_button.Button;
+exports.Card = require_index$4.Card;
+exports.CardBlock = require_card_block.CardBlock;
+exports.Checkbox = require_checkbox.Checkbox;
+exports.Chip = require_index$2.Chip;
+exports.ChipButton = require_chips.ChipButton;
+exports.ChipCheckbox = require_chips.ChipCheckbox;
+exports.ChipRadio = require_chips.ChipRadio;
+exports.ChipRemovable = require_chips.ChipRemovable;
+exports.Combobox = require_index$3.Combobox;
+exports.ComboboxEmpty = require_Empty.ComboboxEmpty;
+exports.ComboboxOption = require_Option.ComboboxOption;
+exports.Details = require_index$6.Details;
+exports.DetailsContent = require_details_content.DetailsContent;
+exports.DetailsSummary = require_details_summary.DetailsSummary;
+exports.Dialog = require_index$7.Dialog;
+exports.DialogBlock = require_dialog_block.DialogBlock;
+exports.DialogTrigger = require_dialog_trigger.DialogTrigger;
+exports.DialogTriggerContext = require_dialog_trigger_context.DialogTriggerContext;
+exports.Divider = require_divider.Divider;
+exports.Dropdown = require_index$8.Dropdown;
+exports.DropdownButton = require_dropdown_button.DropdownButton;
+exports.DropdownHeading = require_dropdown_heading.DropdownHeading;
+exports.DropdownItem = require_dropdown_item.DropdownItem;
+exports.DropdownList = require_dropdown_list.DropdownList;
+exports.DropdownTrigger = require_dropdown_trigger.DropdownTrigger;
+exports.DropdownTriggerContext = require_dropdown_trigger_context.DropdownTriggerContext;
+exports.EXPERIMENTAL_AvatarStack = require_avatar_stack.EXPERIMENTAL_AvatarStack;
+exports.EXPERIMENTAL_FileUpload = require_index$12.EXPERIMENTAL_FileUpload;
+exports.EXPERIMENTAL_Suggestion = require_index$17.EXPERIMENTAL_Suggestion;
+exports.EXPERIMENTAL_SuggestionClear = require_suggestion_clear.SuggestionClear;
+exports.EXPERIMENTAL_SuggestionEmpty = require_suggestion_empty.SuggestionEmpty;
+exports.EXPERIMENTAL_SuggestionInput = require_suggestion_input.SuggestionInput;
+exports.EXPERIMENTAL_SuggestionList = require_suggestion_list.SuggestionList;
+exports.EXPERIMENTAL_SuggestionOption = require_suggestion_option.SuggestionOption;
+exports.EXPERIMENTAL_SuggestionToggle = require_suggestion_toggle.SuggestionToggle;
+exports.ErrorSummary = require_index$10.ErrorSummary;
+exports.ErrorSummaryHeading = require_error_summary_heading.ErrorSummaryHeading;
+exports.ErrorSummaryItem = require_error_summary_item.ErrorSummaryItem;
+exports.ErrorSummaryLink = require_error_summary_link.ErrorSummaryLink;
+exports.ErrorSummaryList = require_error_summary_list.ErrorSummaryList;
+exports.Field = require_index$5.Field;
+exports.FieldAffix = require_field_affix.FieldAffix;
+exports.FieldAffixes = require_field_affix.FieldAffixes;
+exports.FieldCounter = require_field_counter.FieldCounter;
+exports.FieldDescription = require_field_description.FieldDescription;
+exports.Fieldset = require_index$11.Fieldset;
+exports.FieldsetDescription = require_fieldset_description.FieldsetDescription;
+exports.FieldsetLegend = require_fieldset_legend.FieldsetLegend;
+exports.Heading = require_heading.Heading;
+exports.Input = require_input.Input;
+exports.Label = require_label.Label;
+exports.Link = require_link.Link;
+exports.List = require_index$9.List;
+exports.ListItem = require_list_item.ListItem;
+exports.ListOrdered = require_lists.ListOrdered;
+exports.ListUnordered = require_lists.ListUnordered;
+exports.Pagination = require_index$13.Pagination;
+exports.PaginationButton = require_pagination_button.PaginationButton;
+exports.PaginationItem = require_pagination_item.PaginationItem;
+exports.PaginationList = require_pagination_list.PaginationList;
+exports.Paragraph = require_paragraph.Paragraph;
+exports.Popover = require_index$14.Popover;
+exports.PopoverTrigger = require_popover_trigger.PopoverTrigger;
+exports.PopoverTriggerContext = require_popover_trigger_context.PopoverTriggerContext;
+exports.Radio = require_radio.Radio;
+exports.Search = require_index$15.Search;
+exports.SearchButton = require_search_button.SearchButton;
+exports.SearchClear = require_search_clear.SearchClear;
+exports.SearchInput = require_search_input.SearchInput;
+exports.Select = require_index$16.Select;
+exports.SelectOptgroup = require_select_optgroup.SelectOptgroup;
+exports.SelectOption = require_select_option.SelectOption;
+exports.Skeleton = require_skeleton.Skeleton;
+exports.SkipLink = require_skip_link.SkipLink;
+exports.Spinner = require_spinner.Spinner;
+exports.Switch = require_switch.Switch;
+exports.Table = require_index$18.Table;
+exports.TableBody = require_table_body.TableBody;
+exports.TableCell = require_table_cell.TableCell;
+exports.TableFoot = require_table_foot.TableFoot;
+exports.TableHead = require_table_head.TableHead;
+exports.TableHeaderCell = require_table_header_cell.TableHeaderCell;
+exports.TableRow = require_table_row.TableRow;
+exports.Tabs = require_index$19.Tabs;
+exports.TabsList = require_tabs_list.TabsList;
+exports.TabsPanel = require_tabs_panel.TabsPanel;
+exports.TabsTab = require_tabs_tab.TabsTab;
+exports.Tag = require_tag.Tag;
+exports.Textarea = require_textarea.Textarea;
+exports.Textfield = require_textfield.Textfield;
+exports.ToggleGroup = require_index$20.ToggleGroup;
+exports.ToggleGroupItem = require_toggle_group_item.ToggleGroupItem;
+exports.Tooltip = require_tooltip.Tooltip;
+exports.ValidationMessage = require_validation_message.ValidationMessage;

package/dist/cjs/components/index.d.cts

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

@@ -0,0 +1,29 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/input/input.tsx
+/**
+* Input renders a native `input` element.
+*
+* @example
+* <Input />
+*/
+const Input = (0, react.forwardRef)(function Input({ type = "text", className, onChange, onClick, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		className: (0, clsx_lite.default)(`ds-input`, className),
+		ref,
+		type,
+		suppressHydrationWarning: true,
+		onChange: (event) => rest.readOnly || onChange?.(event),
+		onClick: (event) => {
+			if (rest.readOnly) event.preventDefault();
+			onClick?.(event);
+		},
+		...rest
+	});
+});
+//#endregion
+exports.Input = Input;

package/dist/cjs/components/input/input.d.cts

@@ -0,0 +1,77 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { MergeRight } from "../../utilities/types.cjs";
+import "../../utilities/index.cjs";
+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/cjs/components/label/label.cjs

@@ -0,0 +1,25 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+//#region src/components/label/label.tsx
+/**
+* Use `Label` for labels. Renders a native `label` element.
+*
+* @example
+* <Label data-size='lg' weight='medium'>Label</Label>
+*/
+const Label = (0, react.forwardRef)(function Label({ className, weight, asChild, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : "label", {
+		ref,
+		className: (0, clsx_lite.default)("ds-label", className),
+		suppressHydrationWarning: true,
+		"data-weight": weight,
+		...rest
+	});
+});
+//#endregion
+exports.Label = Label;

package/dist/cjs/components/label/label.d.cts

@@ -0,0 +1,34 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { LabelHTMLAttributes } from "react";
+//#region src/components/label/label.d.ts
+type LabelProps = {
+  /**
+   * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
+   */
+  weight?: 'regular' | 'medium' | 'semibold';
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps;
+/**
+ * Use `Label` for labels. Renders a native `label` element.
+ *
+ * @example
+ * <Label data-size='lg' weight='medium'>Label</Label>
+ */
+declare const Label: import("react").ForwardRefExoticComponent<{
+  /**
+   * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
+   */
+  weight?: "regular" | "medium" | "semibold";
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { Label, LabelProps };

package/dist/cjs/components/link/link.cjs

@@ -0,0 +1,24 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+//#region src/components/link/link.tsx
+/**
+* Link component, renders a native `a` element.
+*
+* @example
+* <Link href='#'>Link</Link>
+*/
+const Link = (0, react.forwardRef)(({ asChild, className, ...rest }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : "a", {
+		className: (0, clsx_lite.default)("ds-link", className),
+		ref,
+		...rest
+	});
+});
+Link.displayName = "Link";
+//#endregion
+exports.Link = Link;