@oslokommune/punkt-react 18.0.0 → 18.2.0

package/CHANGELOG.md

@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [18.2.0](https://github.com/oslokommune/punkt/compare/18.1.0...18.2.0) (2026-09-01)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [18.1.0](https://github.com/oslokommune/punkt/compare/18.0.0...18.1.0) (2026-08-31)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [18.0.0](https://github.com/oslokommune/punkt/compare/17.1.3...18.0.0) (2026-08-27)
 
 ### ⚠ BREAKING CHANGES

package/dist/components/accordion/Accordion.d.ts

@@ -1,18 +1,8 @@
 import { ReactNode } from 'react';
-import { TAccordionSkin } from '../../shared-types';
+import { IPktAccordionBase, TAccordionSkin } from '../../shared-types';
 export type TPktAccordionSkin = TAccordionSkin;
-export interface IPktAccordion {
-    compact?: boolean;
-    /**
-     * @default skin: "borderless"
-     */
-    skin?: TPktAccordionSkin;
-    /**
-     * @description A unique identifier to connect the accordion with a heading
-     */
-    ariaLabelledBy?: string;
+export interface IPktAccordion extends IPktAccordionBase {
     children?: ReactNode;
-    name?: string;
     className?: string;
 }
 export declare const useAccordionContext: () => {

package/dist/components/accordion/AccordionItem.d.ts

@@ -1,15 +1,9 @@
 import { MouseEvent, ReactNode, SyntheticEvent } from 'react';
-import { TAccordionSkin } from '../../shared-types';
+import { IPktAccordionItemBase, TAccordionSkin } from '../../shared-types';
 export type TPktAccordionSkin = TAccordionSkin;
-export interface IPktAccordionItem {
-    defaultOpen?: boolean;
-    id: string;
+export interface IPktAccordionItem extends Omit<IPktAccordionItemBase, 'title'> {
     title: string | ReactNode;
-    skin?: TPktAccordionSkin;
-    compact?: boolean;
-    isOpen?: boolean;
     children?: ReactNode;
-    name?: string;
     className?: string;
     onClick?: (e: MouseEvent<HTMLDetailsElement>) => void;
     onToggle?: (e: SyntheticEvent<HTMLDetailsElement>) => void;

package/dist/components/alert/Alert.d.ts

@@ -1,6 +1,7 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { TAlertRole, TAlertSkin, TAriaLive } from '../../shared-types';
-export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+import { TAlertRole, TAlertSkin, TAlertSize, TAriaLive } from '../../shared-types';
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, IPktStringsProps<'alert' | 'generic'> {
     skin?: TAlertSkin;
     closeAlert?: boolean;
     title?: ReactNode;
@@ -16,7 +17,7 @@ export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
      *
      * @default medium
      */
-    size?: 'medium' | 'small' | 'xsmall';
+    size?: TAlertSize;
     onClose?: (e: CustomEvent) => void;
 }
 export type { TAlertSkin };

package/dist/components/backlink/BackLink.d.ts

@@ -1,17 +1,7 @@
 import { AnchorHTMLAttributes, ReactNode, Ref } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktBackLink extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
-    href?: string;
-    text?: string;
-    ariaLabel?: string;
-    renderLink?: (args: {
-        href: string;
-        className: string;
-        children: ReactNode;
-        props: AnchorHTMLAttributes<HTMLAnchorElement>;
-    }) => ReactNode;
+import { IPktBackLinkBase, TRenderLink } from '../../shared-types';
+export interface IPktBackLink extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, IPktBackLinkBase {
+    renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>;
     ref?: Ref<HTMLElement>;
 }
 export declare const PktBackLink: import('react').ForwardRefExoticComponent<Omit<IPktBackLink, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,19 +1,10 @@
 import { AnchorHTMLAttributes, ReactNode } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IBreadcrumbs {
-    text: string;
-    href: string;
-}
-export interface IPktBreadcrumbs extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
-    breadcrumbs: IBreadcrumbs[];
-    navigationType?: 'router' | 'anchor';
-    renderLink?: (args: {
-        href: string;
-        className: string;
-        children: ReactNode;
-        props: AnchorHTMLAttributes<HTMLAnchorElement>;
-    }) => ReactNode;
+import { IBreadcrumb, IPktBreadcrumbsBase, TBreadcrumbsNavigationType, TRenderLink } from '../../shared-types';
+export type { IBreadcrumb };
+/** @deprecated Use `IBreadcrumb`. */
+export type IBreadcrumbs = IBreadcrumb;
+export interface IPktBreadcrumbs extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>, IPktBreadcrumbsBase {
+    navigationType?: TBreadcrumbsNavigationType;
+    renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>;
 }
 export declare const PktBreadcrumbs: import('react').ForwardRefExoticComponent<IPktBreadcrumbs & import('react').RefAttributes<HTMLAnchorElement>>;

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

@@ -1,5 +1,5 @@
 import { IDateConstraints, TDateRangeMap } from '../../shared-types/calendar';
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps } from '../../shared-strings';
 /** Datonavn og navigasjonstekster slik kalender-underkomponentene forventer dem. */
 export interface IPktCalendarStrings {
     month: string;
@@ -19,7 +19,7 @@ export interface PktCalendarHandle {
     focusOnCurrentDate: () => void;
     close: () => void;
 }
-export interface IPktCalendar {
+export interface IPktCalendar extends IPktStringsProps<'dates' | 'calendar'> {
     selected?: string[];
     multiple?: boolean;
     maxMultiple?: number;
@@ -32,8 +32,6 @@ export interface IPktCalendar {
     withcontrols?: boolean;
     currentmonth?: Date | string | null;
     today?: string;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
     onDateSelected?: (selected: string[]) => void;
     onClose?: () => void;
     id?: string;

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

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement> {
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement>, IPktStringsProps<'forms'> {
     id: string;
     hasTile?: boolean;
     disabled?: boolean;
@@ -20,8 +20,6 @@ export interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement> {
     requiredTag?: boolean;
     /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
     requiredText?: string;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
     tagText?: string | null;
     onChange?: ChangeEventHandler<HTMLInputElement>;
 }

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

@@ -1,7 +1,7 @@
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps, TPktStringsOverride } from '../../shared-strings';
 import { ChangeEvent, ChangeEventHandler, FocusEvent, KeyboardEvent, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent, ReactNode, RefObject } from 'react';
 import { IPktComboboxOption, TPktComboboxDisplayValue, TPktComboboxTagPlacement } from '../../shared-types/combobox';
-export interface IPktCombobox {
+export interface IPktCombobox extends IPktStringsProps<'combobox' | 'listbox' | 'forms' | 'validation'> {
     value?: string | string[];
     defaultValue?: string | string[];
     options?: IPktComboboxOption[];
@@ -34,8 +34,6 @@ export interface IPktCombobox {
     useWrapper?: boolean;
     inline?: boolean;
     counter?: boolean;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
     hasFieldset?: boolean;
     inputSize?: 'small' | 'medium' | 'xsmall';
     onChange?: ChangeEventHandler<HTMLInputElement>;
@@ -45,7 +43,7 @@ export interface IPktCombobox {
 }
 export interface IComboboxState {
     /** Tekstoverstyring sendt inn på komponenten. */
-    strings?: TPktStringsOverride;
+    strings?: TPktStringsOverride<'combobox' | 'listbox' | 'forms' | 'validation'>;
     id: string;
     inputId: string;
     listboxId: string;

package/dist/components/datepicker/DateTags.d.ts

@@ -1,9 +1,8 @@
-import { TPktStringsOverride } from '../../shared-strings';
-interface DateTagsProps {
+import { IPktStringsProps } from '../../shared-strings';
+interface DateTagsProps extends IPktStringsProps<'datepicker'> {
     dates: string[];
     dateformat: string;
     idBase: string;
-    strings?: TPktStringsOverride;
     onDateRemoved: (date: string) => void;
 }
 export declare const DateTags: ({ dates, dateformat, idBase, strings, onDateRemoved, }: DateTagsProps) => import("react").JSX.Element;

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

@@ -1,7 +1,8 @@
-import { TPktStrings, TPktStringsOverride } from '../../shared-strings';
+import { TPktStrings, IPktStringsProps, TPktStringsOverride } from '../../shared-strings';
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
 import { TPktInputSize } from '../../shared-types/size';
-export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+export type TDatepickerStrings = 'generic' | 'datepicker' | 'validation' | 'forms' | 'dates' | 'calendar';
+export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>, IPktStringsProps<TDatepickerStrings> {
     id: string;
     label: string;
     ariaDescribedby?: string;
@@ -35,8 +36,6 @@ export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElemen
     requiredText?: string;
     tagText?: string;
     useWrapper?: boolean;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onValueChange?: (values: string[]) => void;
     className?: string;
@@ -85,7 +84,7 @@ export interface IDatepickerState {
     isIOSDevice: boolean;
     strings: Pick<TPktStrings, 'generic' | 'datepicker' | 'validation'>;
     /** Rå tekstoverstyring, til videresending til underkomponenter. */
-    stringsOverride?: TPktStringsOverride;
+    stringsOverride?: TPktStringsOverride<TDatepickerStrings>;
     inputClasses: string;
     buttonClasses: string;
     rangeLabelClasses: string;

package/dist/components/fileupload/DropZone.d.ts

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes } from 'react';
 import { TFileItemList, TUploadStrategy } from './types';
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps } from '../../shared-strings';
 /**
  * Props for the internal `DropZone` building block.
  *
@@ -9,9 +9,7 @@ import { TPktStringsOverride } from '../../shared-strings';
  * - handling drag & drop + file dialog selection
  * - optionally rendering hidden inputs with file IDs when `uploadStrategy="custom"`
  */
-interface IDropZoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width'> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+interface IDropZoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width'>, IPktStringsProps<'fileupload'> {
     /** Called with `FileItem`s created from dropped/selected files. */
     onFilesAdded?: (files: TFileItemList) => void;
     /** Used for the native input `id` and related label/ARIA wiring. */

package/dist/components/fileupload/FileUpload.d.ts

@@ -1,86 +1,31 @@
 import { FC, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { IPktFileUploadBase } from '../../shared-types';
 import { ItemRenderers } from './QueueDisplay';
-import { FileItem, TFileItemList, TFileTransfer, TFileValidateDetail, TItemRenderer, TQueueItemOperation, TUploadStrategy } from './types';
-import { TPktStringsOverride } from '../../shared-strings';
+import { FileItem, TFileItemList, TFileTransfer, TItemRenderer, TQueueItemOperation } from './types';
 export { formatFileSize, parseFileSize } from '../../shared-utils/fileupload';
 /**
  * Shared props for `PktFileUpload` (both `form` and `custom` strategies).
  */
-interface IBaseFileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue'> {
+interface IBaseFileUploadProps extends Omit<IPktFileUploadBase, 'helptext' | 'helptextDropdown' | 'itemRenderer' | 'extraOperations' | 'value' | 'defaultValue' | 'onFilesChanged' | 'onFileUploadRequested'>, Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue' | 'name'> {
     /** Called with the next file list when files are added/removed/updated. */
     onFilesChanged?: (files: TFileItemList) => void;
-    /** Allow selecting/dropping multiple files. */
-    multiple?: boolean;
-    /** Controlled value (recommended). */
-    value?: TFileItemList;
-    /** Upload mode. Defaults to `"form"`. */
-    uploadStrategy?: TUploadStrategy;
-    /** Field name. Used for native input (`form`) or hidden ID inputs (`custom`). */
-    name: string;
-    /** Enable comment operation (disabled automatically in thumbnail view). */
-    addCommentsEnabled?: boolean;
-    /** Enable rename operation (disabled automatically in thumbnail view). */
-    renameFilesEnabled?: boolean;
-    /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
-    itemRenderer?: keyof typeof ItemRenderers | TItemRenderer;
-    /** Number of trailing characters to keep when truncating long filenames. */
-    truncateTail?: number;
     /**
      * Called immediately when a file is added in `uploadStrategy="custom"`.
      * Use it to start uploading the file and update `transfers`.
      */
     onFileUploadRequested?: (fileItem: FileItem) => void;
+    /** Controlled value (recommended). */
+    value?: TFileItemList;
     /** Uncontrolled initial value (use either `value` or `defaultValue`, not both). */
     defaultValue?: TFileItemList;
-    /** Extra operations appended after built-ins (rename/comment). */
-    extraOperations?: Array<TQueueItemOperation>;
-    /** Stretch to full container width (drop zone + queue). */
-    fullwidth?: boolean;
-    /** Allowed formats for built-in validation (extensions like `pdf`, or MIME patterns like `image/*`). */
-    allowedFormats?: string[];
-    /** Custom message for invalid format. Use `{formats}` placeholder. */
-    formatErrorMessage?: string;
-    /** Max file size (e.g. `"5MB"` or bytes). */
-    maxFileSize?: string | number;
-    /** Custom message for size validation. Use `{maxSize}` placeholder. */
-    sizeErrorMessage?: string;
-    /** Optional additional validation hook (runs after built-in format/size checks). Return string to block. */
-    onFileValidation?: (file: File) => string | null;
-    /**
-     * Low-level validation escape hatch — Lit parity with the `file-validate` CustomEvent.
-     * Receives a detail object whose `errorMessage` can be mutated; set it to reject the file.
-     */
-    onFileValidate?: (detail: TFileValidateDetail) => void;
-    /** External/programmatic error message shown under the component. */
-    errorMessage?: string;
-    /** External error flag (combined with internal validation errors). */
-    hasError?: boolean;
-    /** Disable the whole component (no interaction). */
-    disabled?: boolean;
-    /** Optional label/title (wraps the component in `PktInputWrapper`). */
-    label?: string;
+    /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
+    itemRenderer?: keyof typeof ItemRenderers | TItemRenderer;
     /** Help text under the label. */
     helptext?: string | ReactNode;
     /** Expandable help text (dropdown). */
     helptextDropdown?: string | ReactNode;
-    /** Button label for expandable help text. */
-    helptextDropdownButton?: string;
-    /** Shows an "optional" tag. */
-    optionalTag?: boolean;
-    /** Label text for the optional tag. */
-    optionalText?: string;
-    /** Shows a "required" tag. */
-    requiredTag?: boolean;
-    /** Label text for the required tag. */
-    requiredText?: string;
-    /** Extra tag next to the label. */
-    tagText?: string | null;
-    /** Marks the upload as required. Native validation is used in `form`; submit validation in `custom`. */
-    required?: boolean;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
-    /** Enable image preview modal (only applies to thumbnail renderer). */
-    enableImagePreview?: boolean;
+    /** Extra operations appended after built-ins (rename/comment). */
+    extraOperations?: Array<TQueueItemOperation>;
 }
 interface IFileInputFileUploadProps extends IBaseFileUploadProps, Omit<HTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
     uploadStrategy?: 'form';

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

@@ -1,6 +1,6 @@
 import { MouseEvent, ReactNode } from 'react';
 import { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant, THeaderFooterApi, THeaderMenuLocale, IPktHeaderGlobal as ISharedPktHeaderGlobal } from '../../shared-types';
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps } from '../../shared-strings';
 export type { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant, THeaderFooterApi, THeaderMenuLocale, };
 /** Which header variant `<PktHeader>` renders. */
 export type THeaderType = 'service' | 'global';
@@ -29,9 +29,7 @@ export interface UserMenuFooterItem {
     title: string;
     target: string | (() => void);
 }
-export interface IPktHeader {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+export interface IPktHeader extends IPktStringsProps<'header'> {
     children?: ReactNode;
     /** Additional CSS class name(s) to apply to the header */
     className?: string;
@@ -104,9 +102,7 @@ export interface IPktHeader {
  * Extends the framework-agnostic {@link ISharedPktHeaderGlobal} base
  * (in shared-types) with React-specific callbacks and DOM props.
  */
-export interface IPktHeaderGlobal extends ISharedPktHeaderGlobal {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+export interface IPktHeaderGlobal extends ISharedPktHeaderGlobal, IPktStringsProps<'header'> {
     /** Additional CSS class name(s) to apply to the header */
     className?: string;
     /** Set dark mode on the header */

package/dist/components/index.d.ts

@@ -55,4 +55,4 @@ export * from './types';
 export { PktStringsProvider } from './strings/PktStringsProvider';
 export type { IPktStringsProvider } from './strings/PktStringsProvider';
 export { getPktStrings, nb as pktStringsNb, resetPktStrings, setPktStrings, subscribePktStrings, } from '../shared-strings';
-export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride } from '../shared-strings';
+export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride, IPktStringsProps } from '../shared-strings';

package/dist/components/inputwrapper/InputWrapper.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, RefAttributes } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktInputWrapper extends RefAttributes<HTMLElement>, IPktStringsProps<'forms' | 'validation'> {
     forId: string;
     label: string;
     helptext?: string | ReactNode;
@@ -29,7 +29,5 @@ export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
     role?: string;
     counterPosition?: 'top' | 'bottom';
     size?: 'small' | 'medium' | 'xsmall';
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
 }
 export declare const PktInputWrapper: import('react').ForwardRefExoticComponent<Omit<IPktInputWrapper, "ref"> & RefAttributes<HTMLDivElement>>;

package/dist/components/link/Link.d.ts

@@ -1,4 +1,5 @@
 import { AnchorHTMLAttributes, FC, LinkHTMLAttributes, ReactNode } from 'react';
+import { TRenderLink } from '../../shared-types';
 interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
     href?: string;
     iconName?: string | undefined;
@@ -6,12 +7,7 @@ interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
     iconPosition?: string | undefined;
     external?: boolean;
     target?: string | undefined;
-    renderLink?: (args: {
-        href: string;
-        className: string;
-        children: ReactNode;
-        props: AnchorHTMLAttributes<HTMLAnchorElement>;
-    }) => ReactNode;
+    renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>;
 }
 export declare const PktLink: FC<IPktLink>;
 export {};

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

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement>, IPktStringsProps<'forms'> {
     id: string;
     name: string;
     label: string;
@@ -17,8 +17,6 @@ export interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
     requiredTag?: boolean;
     /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
     requiredText?: string;
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
     tagText?: string | null;
     onChange?: ChangeEventHandler<HTMLInputElement>;
 }

package/dist/components/searchinput/SearchInput.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, HTMLProps, ReactNode } from 'react';
 import { IPktSearchInputSuggestion } from '../../shared-types/searchinput';
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps } from '../../shared-strings';
 /**
  * React suggestion item: portable fields from {@link IPktSearchInputSuggestion}
  * plus optional rich content and per-row handler.
@@ -10,9 +10,7 @@ export type PktSearchInputSuggestion = Omit<IPktSearchInputSuggestion, 'title' |
     text?: string | ReactNode;
     onClick?: () => void;
 };
-interface ISearch extends HTMLProps<HTMLInputElement> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+interface ISearch extends HTMLProps<HTMLInputElement>, IPktStringsProps<'searchinput'> {
     appearance?: 'local' | 'local-with-button' | 'global';
     inputSize?: 'small' | 'medium' | 'xsmall';
     disabled?: boolean;

package/dist/components/select/Select.d.ts

@@ -1,9 +1,7 @@
 import { ReactNode, SelectHTMLAttributes } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps } from '../../shared-strings';
 export type { IPktSelectOption, TSelectOption } from '../../shared-types/select';
-export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement>, IPktStringsProps<'forms' | 'validation'> {
     ariaDescribedby?: string;
     ariaLabelledby?: string;
     children?: ReactNode | ReactNode[];

package/dist/components/tag/Tag.d.ts

@@ -1,9 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { TTagSkin } from '../../shared-types';
-import { TPktStringsOverride } from '../../shared-strings';
-interface BasePktTagProps {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+import { IPktStringsProps } from '../../shared-strings';
+interface BasePktTagProps extends IPktStringsProps<'tag'> {
     skin?: TTagSkin;
     textStyle?: 'normal-text' | 'thin-text';
     size?: 'small' | 'medium' | 'large';

package/dist/components/textarea/Textarea.d.ts

@@ -1,9 +1,7 @@
 import { ChangeEventHandler, ReactNode, TextareaHTMLAttributes } from 'react';
 import { TPktInputSize } from '../../shared-types/size';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement>, IPktStringsProps<'forms' | 'validation'> {
     id: string;
     ariaDescribedby?: string;
     ariaLabelledby?: string;

package/dist/components/textinput/Textinput.d.ts

@@ -1,8 +1,6 @@
 import { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
-import { TPktStringsOverride } from '../../shared-strings';
-export interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
+import { IPktStringsProps } from '../../shared-strings';
+export interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement>, IPktStringsProps<'forms' | 'validation'> {
     id: string;
     ariaDescribedby?: string;
     ariaLabelledby?: string;

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

@@ -1,4 +1,4 @@
-import { TPktStringsOverride } from '../../shared-strings';
+import { IPktStringsProps } from '../../shared-strings';
 import { ChangeEvent, FocusEvent, InputHTMLAttributes, ReactNode } from 'react';
 import { TPktInputSize } from '../../shared-types/size';
 /**
@@ -7,7 +7,7 @@ import { TPktInputSize } from '../../shared-types/size';
  * The value is submitted via a hidden `input type="time"`; hour/minute fields are the editing UI. Use `value`
  * or `defaultValue` for controlled vs. uncontrolled mode.
  */
-export interface IPktTimepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onInput' | 'min' | 'max' | 'step' | 'onFocus' | 'onBlur'> {
+export interface IPktTimepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onInput' | 'min' | 'max' | 'step' | 'onFocus' | 'onBlur'>, IPktStringsProps<'timepicker' | 'forms' | 'validation'> {
     /** Unique id; used for hour, minute, popup, and hidden input ids. */
     id: string;
     /** Visible label (InputWrapper). */
@@ -66,9 +66,6 @@ export interface IPktTimepicker extends Omit<InputHTMLAttributes<HTMLInputElemen
     hasFieldset?: boolean;
     /** Passed through to InputWrapper as `aria-describedby`. */
     ariaDescribedby?: string;
-    /** Copy for hours, minutes, buttons, and popup. */
-    /** Overstyrer tekster for denne komponenten. */
-    strings?: TPktStringsOverride;
     /** Change event from the hidden input (`e.target.value` is `HH:MM`). In React, `onChange` already fires on input. */
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     /** Callback with the committed `HH:MM` string. */

package/dist/components/timepicker/useTimepickerState.d.ts

@@ -14,7 +14,7 @@ export declare function useTimepickerState(props: IPktTimepicker, ref: React.For
         nextTime: string;
         selectTime: string;
     };
-    stringsOverride: import('../../shared-strings').TPktStringsOverride | undefined;
+    stringsOverride: import('../../shared-strings').TPktStringsOverride<"forms" | "validation" | "timepicker"> | undefined;
     label: string;
     disabled: boolean;
     required: boolean;