@oslokommune/punkt-react 16.25.1 → 16.26.3

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

@@ -0,0 +1,88 @@
+import { ReactElement, ReactNode } from 'react';
+import { IFileItem, IFileTransfer, IFileValidateDetail, TFileUploadStrategy, TTransferProgress } from '../../shared-types';
+/** Unique identifier assigned to each selected file. */
+export type TFileId = string;
+/**
+ * A selected file plus metadata used by the FileUpload UI.
+ *
+ * Notes:
+ * - A `fileId` is generated automatically if omitted.
+ * - `attributes.targetFilename` is the filename shown in the queue and may be updated by extensions (e.g. rename).
+ *
+ * Implements the shared `IFileItem` type from `shared-types`.
+ */
+export declare class FileItem implements IFileItem {
+    fileId: TFileId;
+    file: File;
+    attributes: {
+        targetFilename: string;
+    } & Record<string, unknown>;
+    constructor(file: File, fileId?: TFileId);
+}
+/** Internal context used by queue item operations and hidden inputs. */
+export type TPktFileUploadContext = {
+    name?: string;
+    multiple: boolean;
+    id?: string;
+};
+export declare const PktFileUploadContext: import('react').Context<TPktFileUploadContext>;
+/** The value type for `PktFileUpload` (`value` / `defaultValue`). */
+export type TFileItemList = Array<FileItem>;
+/** Transfer status for a file when using `uploadStrategy="custom"` — aliased from `shared-types`. */
+export type TFileTransfer = IFileTransfer;
+/** Upload mode: `form` posts the files on submit, `custom` posts file IDs and uploads separately. */
+export type TUploadStrategy = TFileUploadStrategy;
+/** Detail payload passed to the React `onFileValidate` escape hatch. */
+export type TFileValidateDetail = IFileValidateDetail;
+/** Re-export for parity with Lit types. */
+export type { TTransferProgress };
+export type TFileAttribute<T> = {
+    get: (fileId: TFileId) => T | undefined;
+    set: (fileId: TFileId, attributeValue: T | undefined) => void;
+};
+export type TFileAttributes = <T>(attributeName: string) => TFileAttribute<T>;
+/**
+ * Context passed to queue-item operations. Mirrors the Lit
+ * `TQueueOperationContext` so operations authored for one runtime are
+ * trivial to port to the other.
+ */
+export type TQueueOperationContext = {
+    file: FileItem;
+    inputName: string;
+    disabled: boolean;
+    isActive: boolean;
+    activate: () => void;
+    close: () => void;
+    getAttribute: <T>(name: string) => T | undefined;
+    setAttribute: (name: string, value: unknown) => void;
+};
+export type TQueueOperationLabel = string | ((fileItem: FileItem) => string);
+/**
+ * An operation that can be attached to a queue item (rename, comment, remove, etc).
+ *
+ * Must carry a stable `id: string` — symbols are no longer supported.
+ */
+export type TQueueItemOperation = {
+    id: string;
+    title: TQueueOperationLabel;
+    ariaLabel?: TQueueOperationLabel;
+    onClick?: (context: TQueueOperationContext) => void;
+    renderInlineUI?: (context: TQueueOperationContext) => ReactNode;
+    renderExtendedUI?: (context: TQueueOperationContext) => ReactNode;
+    renderContent?: (context: TQueueOperationContext) => ReactNode;
+    renderHidden?: (context: TQueueOperationContext) => ReactNode;
+};
+export type TFileAndTransfer = FileItem & Pick<TFileTransfer, 'progress' | 'errorMessage' | 'showProgress' | 'lastProgress'>;
+export type TTransferItemInProgress = TFileAndTransfer & {
+    progress: number;
+};
+/**
+ * Custom renderer for how a queue item is displayed (e.g. filename vs thumbnail grid).
+ *
+ * Must return a renderable React element (or `null`).
+ */
+export type TItemRenderer = (props: {
+    transferItem: TFileAndTransfer;
+    queueItemOperations: Array<TQueueItemOperation>;
+    onPreviewClick?: () => void;
+}) => ReactElement | null;

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

@@ -0,0 +1,5 @@
+/**
+ * Re-export of the shared fileupload utilities.
+ * Kept as a file entry so existing `import { parseFileSize } from './utils'` paths keep working.
+ */
+export { parseFileSize, formatFileSize } from '../../shared-utils/fileupload';

package/dist/components/footer/Footer.d.ts

@@ -0,0 +1,36 @@
+import { FC, HTMLAttributes } from 'react';
+interface Link {
+    href: string;
+    text: string;
+    external?: boolean;
+    openInNewTab?: boolean;
+}
+interface Column {
+    title: string;
+    links?: Link[];
+    text?: string;
+}
+interface SocialLink {
+    href: string;
+    iconName?: string;
+    language?: string;
+    openInNewTab?: boolean;
+}
+export interface IPktFooter extends HTMLAttributes<HTMLDivElement> {
+    columnOne: Column;
+    columnTwo: Column;
+    socialLinks?: SocialLink[];
+    personvernOgInfoLink?: string;
+    tilgjengelighetLink?: string;
+    openLinksInNewTab?: boolean;
+    includeConsent?: boolean;
+    hotjarId?: string | null;
+    googleAnalyticsId?: string | null;
+    devMode?: boolean;
+    cookieDomain?: string | null;
+    cookieSecure?: string | null;
+    cookieExpiryDays?: string | null;
+    onToggleConsent?: (e: CustomEvent) => void;
+}
+export declare const PktFooter: FC<IPktFooter>;
+export {};

package/dist/components/footerSimple/FooterSimple.d.ts

@@ -0,0 +1,21 @@
+import { FC, HTMLAttributes } from 'react';
+export interface IPktFooterSimple extends HTMLAttributes<HTMLDivElement> {
+    links?: Array<{
+        href: string;
+        text: string;
+        external?: boolean;
+        openInNewTab?: boolean;
+    }>;
+    personvernOgInfoLink?: string;
+    tilgjengelighetLink?: string;
+    openLinksInNewTab?: boolean;
+    includeConsent?: boolean;
+    hotjarId?: string | null;
+    googleAnalyticsId?: string | null;
+    devMode?: boolean;
+    cookieDomain?: string | null;
+    cookieSecure?: string | null;
+    cookieExpiryDays?: string | null;
+    onToggleConsent?: (e: CustomEvent) => void;
+}
+export declare const PktFooterSimple: FC<IPktFooterSimple>;

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

@@ -0,0 +1,15 @@
+import { IPktHeader } from './types';
+export * from './types';
+/**
+ * PktHeader - Main header component for Oslo kommune services
+ *
+ * This component provides a complete header solution with:
+ * - Logo and service name
+ * - User menu with login/logout functionality
+ * - Search functionality
+ * - Responsive mobile menu
+ * - Fixed positioning with scroll-to-hide
+ *
+ * TODO: Add `type` prop to switch between `service` and `global` header types
+ */
+export declare const PktHeader: import('react').ForwardRefExoticComponent<IPktHeader & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { IPktHeader, Representing, THeaderMenu, User, UserMenuFooterItem, UserMenuItem } from './types';
+export type { Representing, THeaderMenu, User, UserMenuFooterItem, UserMenuItem };
+export type IPktHeaderService = IPktHeader;
+declare global {
+    interface Window {
+        pktLogoPath?: string;
+    }
+}
+export declare const PktHeaderService: import('react').ForwardRefExoticComponent<IPktHeader & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,93 @@
+import { MouseEvent, ReactNode } from 'react';
+import { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant } from '../../shared-types';
+export type { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant, };
+/** User object for header components */
+export interface User {
+    name: string;
+    /** @deprecated shortname is deprecated and will be removed in a future version */
+    shortname?: string;
+    lastLoggedIn?: string | Date;
+}
+/** Representing object for header components */
+export interface Representing {
+    name: string;
+    /** @deprecated shortname is deprecated and will be removed in a future version */
+    shortname?: string;
+    orgNumber?: string | number;
+}
+/** User menu item for header components */
+export interface UserMenuItem {
+    iconName?: string;
+    title: string;
+    target: string | (() => void);
+}
+/** @deprecated Use UserMenuItem instead */
+export interface UserMenuFooterItem {
+    title: string;
+    target: string | (() => void);
+}
+export interface IPktHeader {
+    children?: ReactNode;
+    /** Additional CSS class name(s) to apply to the header */
+    className?: string;
+    /** Set dark mode on the header */
+    'data-mode'?: 'dark';
+    /** Hide the Oslo logo. Default: false (logo is shown) */
+    hideLogo?: boolean;
+    /** Link URL for the logo */
+    logoLink?: string;
+    /** Override CDN path for the logo */
+    logoPath?: string;
+    /** Callback when logo is clicked */
+    logoClick?: (event: MouseEvent) => void;
+    /** Name of the service displayed in the header */
+    serviceName?: string;
+    /** Link URL for the service name */
+    serviceLink?: string;
+    /** Callback when service name is clicked */
+    serviceClick?: (event: MouseEvent) => void;
+    /** Use compact header height */
+    compact?: boolean;
+    /** User object with name, shortname, and lastLoggedIn */
+    user?: User;
+    /** User menu items displayed in the dropdown */
+    userMenu?: UserMenuItem[];
+    /** Representing object with name, shortname, and orgNumber */
+    representing?: Representing;
+    /** Whether the user can change representation. Shows "Endre organisasjon" button */
+    canChangeRepresentation?: boolean;
+    /** Callback when user clicks "Endre organisasjon" */
+    changeRepresentation?: () => void;
+    /** @deprecated Use userMenu instead. Will show console.warn if used. */
+    userMenuFooter?: UserMenuFooterItem[];
+    /** @deprecated userOptions is no longer available. Use userMenu instead. */
+    userOptions?: UserMenuItem[];
+    /** Where to show the logout button: 'userMenu', 'header', 'both', or 'none' */
+    logOutButtonPlacement?: TLogOutButtonPlacement;
+    /** Callback when user clicks logout */
+    logOut?: () => void;
+    /** Show search input in the header */
+    showSearch?: boolean;
+    /** Callback when user submits search (presses Enter) */
+    onSearch?: (query: string) => void;
+    /** Callback when search input value changes */
+    onSearchChange?: (query: string) => void;
+    /** Controlled value for the search input */
+    searchValue?: string;
+    /** Placeholder text for the search input. Default: "Søk" */
+    searchPlaceholder?: string;
+    /** Custom breakpoint for responsive behavior (grid layout) in pixels. Default: 1024 */
+    mobileBreakpoint?: number;
+    /** Custom breakpoint for tablet responsive behavior (interaction pattern) in pixels. Default: 1280 */
+    tabletBreakpoint?: number;
+    /** Which menu is initially open */
+    openedMenu?: THeaderMenu;
+    /** Header position. 'fixed' fixes to top of viewport, 'relative' follows document flow. Default: 'fixed' */
+    position?: THeaderPosition;
+    /** Scroll behavior. 'hide' hides header on scroll down, 'none' keeps it visible. Default: 'hide' */
+    scrollBehavior?: THeaderScrollBehavior;
+    /** Variant for the slot menu button in tablet/mobile mode. Default: 'icon-only' */
+    slotMenuVariant?: TSlotMenuVariant;
+    /** Text for the slot menu button in tablet/mobile mode. Default: 'Meny' */
+    slotMenuText?: string;
+}

package/dist/components/header-menu/HeaderMenu.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, Ref } from 'react';
+import { IHeaderMenuButton, IHeaderMenuLink, IHeaderMenuSection, IHeaderMenuServices, IPktHeaderMenu as ISharedPktHeaderMenu, THeaderFooterApi, THeaderMenuLocale } from '../../shared-types';
+export type { THeaderFooterApi, THeaderMenuLocale, IHeaderMenuLink, IHeaderMenuButton, IHeaderMenuSection, IHeaderMenuServices, };
+export interface IPktHeaderMenu extends Omit<HTMLAttributes<HTMLElement>, 'onError'>, ISharedPktHeaderMenu {
+    /** Forwarded to the host element. */
+    ref?: Ref<HTMLElement>;
+    /** Fired when the payload has been fetched (or `data` was supplied). */
+    onDataLoaded?: (data: THeaderFooterApi) => void;
+    /** Fired when the fetch fails. */
+    onDataError?: (error: Error) => void;
+    /** Optional id of the toggle button that controls this menu. */
+    ariaLabelledBy?: string;
+}
+/**
+ * `<PktHeaderMenu>` — global mega menu for Oslo kommune.
+ *
+ * Fetches the live header/footer payload on mount and renders the
+ * `megamenu` slice for the current locale. Mirrors `pkt-header-menu`
+ * (Punkt Elements) — both implementations share types and data
+ * helpers from `shared-utils/header-menu`.
+ *
+ * This component is purely presentational with respect to focus/scroll-lock;
+ * the parent header is expected to control `open` and own focus
+ * management.
+ */
+export declare const PktHeaderMenu: ({ dataUrl, data, locale, open, mobileBreakpoint, ariaLabelledBy, className, onDataLoaded, onDataError, ref, ...rest }: IPktHeaderMenu) => import("react").JSX.Element;

package/dist/components/headerUserMenu/UserMenu.d.ts

@@ -0,0 +1,11 @@
+import { Representing, User, UserMenuItem } from '../header/types';
+export interface IPktHeaderUserMenu {
+    user: User;
+    formattedLastLoggedIn?: string;
+    representing?: Representing;
+    userMenu?: UserMenuItem[];
+    canChangeRepresentation?: boolean;
+    changeRepresentation?: () => void;
+    logoutOnClick?: () => void;
+}
+export declare const PktHeaderUserMenu: import('react').ForwardRefExoticComponent<IPktHeaderUserMenu & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { THeadingLevel, THeadingSize, THeadingWeight } from '../../shared-types';
+export type TPktHeadingLevel = THeadingLevel;
+export type TPktHeadingSize = THeadingSize;
+export type TPktHeadingWeight = THeadingWeight;
+export interface IPktHeading extends HTMLAttributes<HTMLHeadingElement> {
+    size?: TPktHeadingSize;
+    level?: TPktHeadingLevel;
+    weight?: TPktHeadingWeight;
+    visuallyHidden?: boolean;
+    align?: 'start' | 'center' | 'end';
+    children?: ReactNode;
+}
+export declare const PktHeading: import('react').ForwardRefExoticComponent<IPktHeading & import('react').RefAttributes<HTMLHeadingElement>>;

package/dist/components/helptext/Helptext.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface IPktHelptextProps extends HTMLAttributes<HTMLDivElement> {
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
+    helptextDropdownButton?: string;
+    forId?: string;
+    onToggleHelpText?: (isOpen: boolean) => void;
+}
+export declare const PktHelptext: import('react').ForwardRefExoticComponent<IPktHelptextProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { Booleanish } from '../../shared-types';
+interface IPktIcon extends HTMLAttributes<HTMLElement> {
+    name?: string;
+    path?: string;
+    ariaHidden?: Booleanish;
+    ariaLabel?: string;
+}
+export declare const PktIcon: import('react').ForwardRefExoticComponent<IPktIcon & import('react').RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/components/icon/Icon.test.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    interface Window {
+        pktFetch: () => Promise<{
+            ok: boolean;
+            text: () => Promise<string>;
+        }>;
+        pktIconPath: string;
+    }
+}

package/dist/components/index.d.ts

@@ -0,0 +1,50 @@
+export { PktAccordion } from './accordion/Accordion';
+export { PktAccordionItem } from './accordion/AccordionItem';
+export { PktAlert } from './alert/Alert';
+export { PktBackLink } from './backlink/BackLink';
+export { PktBreadcrumbs } from './breadcrumbs/Breadcrumbs';
+export { PktButton } from './button/Button';
+export { PktCalendar } from './calendar/Calendar';
+export { PktCard } from './card/Card';
+export { PktCheckbox } from './checkbox/Checkbox';
+export { PktCombobox } from './combobox/Combobox';
+export { PktConsent } from './consent/Consent';
+export { PktDatepicker } from './datepicker/Datepicker';
+export { PktFileUpload } from './fileupload/FileUpload';
+export { ItemRenderers } from './fileupload/QueueDisplay';
+export { PktFooter } from './footer/Footer';
+export { PktFooterSimple } from './footerSimple/FooterSimple';
+export { PktHeader } from './header/Header';
+export { PktHeaderMenu } from './header-menu/HeaderMenu';
+export { PktHeaderService } from './header/HeaderService';
+export { PktHeading } from './heading/Heading';
+export { PktHelptext } from './helptext/Helptext';
+export { PktIcon } from './icon/Icon';
+export { PktInput } from './input/Input';
+export { PktInputWrapper } from './inputwrapper/InputWrapper';
+export { PktLink } from './link/Link';
+export { PktLinkCard } from './linkcard/LinkCard';
+export { PktLoader } from './loader/Loader';
+export { PktMessagebox } from './messagebox/Messagebox';
+export { PktModal } from './modal/Modal';
+export { PktProgressbar } from './progressbar/Progressbar';
+export { PktRadioButton } from './radio/RadioButton';
+export { PktSearchInput } from './searchinput/SearchInput';
+export type { PktSearchInputSuggestion } from './searchinput/SearchInput';
+export { PktSelect } from './select/Select';
+export { PktStep } from './stepper/Step';
+export { PktStepper } from './stepper/Stepper';
+export { PktTable } from './table/Table';
+export { PktTableBody } from './table/TableBody';
+export { PktTableDataCell } from './table/TableDataCell';
+export { PktTableHeader } from './table/TableHeader';
+export { PktTableHeaderCell } from './table/TableHeaderCell';
+export { PktTableRow } from './table/TableRow';
+export { PktTabs } from './tabs/Tabs';
+export { PktTabItem } from './tabs/TabItem';
+export { PktTag } from './tag/Tag';
+export { PktTextarea } from './textarea/Textarea';
+export { PktTextinput } from './textinput/Textinput';
+export { PktTimepicker } from './timepicker/Timepicker';
+export * from './interfaces';
+export * from './types';

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

@@ -0,0 +1,21 @@
+import { InputHTMLAttributes } from 'react';
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** The input's label */
+    label?: string;
+    /** The input's id */
+    id: string;
+}
+/**
+ * Input component
+ * @param {string} label - Label for the input
+ * @param {string} id - Id for the input
+ * @param {string} validationMessage - Validation message for the input
+ * @param {InputHTMLAttributes<HTMLInputElement>} props - Other props to pass to the input
+ * @returns {ReactElement} - React element
+ *
+ * @example
+ * <Input label="First name" id="firstName" validationMessage="First name is required" />
+ *
+ */
+export declare const PktInput: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,28 @@
+import { ReactNode, RefAttributes } from 'react';
+export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
+    forId: string;
+    label: string;
+    helptext?: string | ReactNode;
+    helptextDropdown?: string | ReactNode;
+    helptextDropdownButton?: string;
+    counter?: boolean;
+    counterCurrent?: number;
+    counterMaxLength?: number;
+    optionalTag?: boolean;
+    optionalText?: string;
+    requiredTag?: boolean;
+    requiredText?: string;
+    tagText?: string | null;
+    hasError?: boolean;
+    errorMessage?: string | ReactNode;
+    disabled?: boolean;
+    inline?: boolean;
+    ariaDescribedby?: string;
+    useWrapper?: boolean;
+    children?: ReactNode;
+    className?: string;
+    hasFieldset?: boolean;
+    role?: string;
+    counterPosition?: 'top' | 'bottom';
+}
+export declare const PktInputWrapper: import('react').ForwardRefExoticComponent<Omit<IPktInputWrapper, "ref"> & RefAttributes<HTMLDivElement>>;

package/dist/components/interfaces.d.ts

@@ -0,0 +1,30 @@
+export type { IPktAccordion } from './accordion/Accordion';
+export type { IPktAccordionItem } from './accordion/AccordionItem';
+export type { IPktAlert } from './alert/Alert';
+export type { IPktBackLink } from './backlink/BackLink';
+export type { IPktBreadcrumbs } from './breadcrumbs/Breadcrumbs';
+export type { IPktButton } from './button/Button';
+export type { IPktCard } from './card/Card';
+export type { IPktCheckbox } from './checkbox/Checkbox';
+export type { IPktCombobox } from './combobox/Combobox';
+export type { IPktDatepicker } from './datepicker/Datepicker';
+export type { IPktFileUpload } from './fileupload/FileUpload';
+export type { IPktFooter } from './footer/Footer';
+export type { IPktFooterSimple } from './footerSimple/FooterSimple';
+export type { IPktHeader } from './header/Header';
+export type { IPktHeaderMenu } from './header-menu/HeaderMenu';
+export type { IPktHeaderService } from './header/HeaderService';
+export type { IPktInputWrapper } from './inputwrapper/InputWrapper';
+export type { IPktLinkCard } from './linkcard/LinkCard';
+export type { IPktLoader } from './loader/Loader';
+export type { IPktMessagebox } from './messagebox/Messagebox';
+export type { IPktModal } from './modal/Modal';
+export type { IPktProgressbar } from './progressbar/Progressbar';
+export type { IPktRadioButton } from './radio/RadioButton';
+export type { IPktStep } from './stepper/Step';
+export type { IPktStepper } from './stepper/Stepper';
+export type { IPktTab } from './tabs/Tabs';
+export type { IPktTag } from './tag/Tag';
+export type { IPktTextarea } from './textarea/Textarea';
+export type { IPktTextinput } from './textinput/Textinput';
+export type { IPktTimepicker } from './timepicker/types';

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

@@ -0,0 +1,17 @@
+import { AnchorHTMLAttributes, FC, LinkHTMLAttributes, ReactNode } from 'react';
+interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
+    href?: string;
+    iconName?: string | undefined;
+    className?: string | undefined;
+    iconPosition?: string | undefined;
+    external?: boolean;
+    target?: string | undefined;
+    renderLink?: (args: {
+        href: string;
+        className: string;
+        children: ReactNode;
+        props: AnchorHTMLAttributes<HTMLAnchorElement>;
+    }) => ReactNode;
+}
+export declare const PktLink: FC<IPktLink>;
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/components/linkcard/LinkCard.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface IPktLinkCard extends Omit<HTMLAttributes<HTMLAnchorElement>, 'title'> {
+    skin?: 'normal' | 'no-padding' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
+    title?: string;
+    href?: string;
+    iconName?: string;
+    openInNewTab?: boolean;
+    external?: boolean;
+    children?: ReactNode;
+}
+export declare const PktLinkCard: {
+    ({ children, skin, title, href, iconName, openInNewTab, external, className, ...props }: IPktLinkCard): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/loader/Loader.d.ts

@@ -0,0 +1,41 @@
+import { HTMLAttributes, ReactNode } from 'react';
+declare global {
+    interface Window {
+        pktAnimationPath?: string;
+    }
+}
+export type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
+export type TPktLoaderSize = 'small' | 'medium' | 'large';
+export interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Tid i millisekunder før loader vises. Nyttig når lastetiden kan være
+     * så kort at loader ikke trengs.
+     */
+    delay?: number;
+    /**
+     * Vises loader inline eller som blokk.
+     */
+    inline?: boolean;
+    /**
+     * Styrer om loader eller barnenoder vises. Når `false` vises barnenoder.
+     */
+    isLoading?: boolean;
+    /**
+     * Meldingstekst som vises sammen med loader.
+     */
+    message?: string | null;
+    /**
+     * Størrelse på loader. Standard er "medium".
+     */
+    size?: TPktLoaderSize;
+    /**
+     * Loader-variant. Standard er "shapes" (Oslo-bølger). Andre er "blue" og "rainbow" (spinner-varianter).
+     */
+    variant?: TPktLoaderVariant;
+    /**
+     * Overstyrer stien til loader-animasjoner.
+     */
+    loadingAnimationPath?: string;
+    children?: ReactNode;
+}
+export declare const PktLoader: import('react').ForwardRefExoticComponent<IPktLoader & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/messagebox/Messagebox.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { TMessageboxSkin } from '../../shared-types';
+export type { TMessageboxSkin };
+export interface IPktMessagebox extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    skin?: TMessageboxSkin;
+    title?: ReactNode;
+    compact?: boolean;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export declare const PktMessagebox: FC<IPktMessagebox>;

package/dist/components/messagebox/Messagebox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+export interface IPktModal extends Omit<HTMLAttributes<HTMLDialogElement>, 'onClose' | 'open'> {
+    open?: boolean;
+    headingText?: string;
+    hideCloseButton?: boolean;
+    closeOnBackdropClick?: boolean;
+    size?: 'small' | 'medium' | 'large' | 'fit-content';
+    removePadding?: boolean;
+    closeButtonSkin?: 'blue' | 'yellow-filled';
+    variant?: 'dialog' | 'drawer';
+    drawerPosition?: 'left' | 'right';
+    transparentBackdrop?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+    ref?: Ref<HTMLDialogElement>;
+}
+export declare const PktModal: import('react').ForwardRefExoticComponent<Omit<IPktModal, "ref"> & import('react').RefAttributes<HTMLDialogElement>>;