@oslokommune/punkt-elements 16.8.2 → 16.9.1

package/dist/index.d.ts

@@ -1,1971 +1,2 @@
-import { Booleanish } from '../../../../../shared-types';
-import { Booleanish as Booleanish_2 } from '../../../../shared-types';
-import { IAriaAttributes } from '../../../../../shared-types';
-import { IDatepickerStrings } from '../../../../../shared-types/datepicker';
-import { IPktComboboxOption } from '../../../../../shared-types/combobox';
-import { LitElement } from 'lit';
-import { nothing } from 'lit';
-import { PktIconName } from '@oslokommune/punkt-assets/dist/icons/icon';
-import { PropertyValues } from 'lit';
-import { ReactiveController } from 'lit';
-import { ReactiveControllerHost } from 'lit';
-import { Ref } from 'lit/directives/ref.js';
-import { Representing } from '../../../../../shared-types';
-import { TAccordionSkin } from '../../../../../shared-types';
-import { TAlertSkin } from '../../../../../shared-types';
-import { TAriaLive } from '../../../../../shared-types';
-import { TCardSkin } from '../../../../../shared-types';
-import { TemplateResult } from 'lit-html';
-import { TemplateResult as TemplateResult_2 } from 'lit';
-import { THeaderMenu } from '../../../../../shared-types';
-import { THeaderPosition } from '../../../../../shared-types';
-import { THeaderScrollBehavior } from '../../../../../shared-types';
-import { THeadingLevel } from '../../../../../shared-types';
-import { THeadingSize } from '../../../../../shared-types';
-import { THeadingWeight } from '../../../../../shared-types';
-import { THTMLButtonType } from '../../../../../shared-types';
-import { TLayout } from '../../../../../shared-types';
-import { TMessageboxSkin } from '../../../../../shared-types';
-import { TPktComboboxTagPlacement } from '../../../../../shared-types/combobox';
-import { TLogOutButtonPlacement as TPktHeaderLogOutButtonPlacement } from '../../../../../shared-types';
-import { TProgressbarRole } from '../../../../../shared-types';
-import { TProgressbarSkin } from '../../../../../shared-types';
-import { TProgressbarStatusPlacement } from '../../../../../shared-types';
-import { TProgressbarStatusType } from '../../../../../shared-types';
-import { TProgressbarTitlePosition } from '../../../../../shared-types';
-import { TSlotMenuVariant } from '../../../../../shared-types';
-import { User } from '../../../../../shared-types';
-import { UserMenuItem } from '../../../../../shared-types';
-
-/**
- * Base class for PktCombobox.
- * Declares all reactive properties, state, refs, and simple helpers.
- */
-declare class ComboboxBase extends PktInputElement {
-    constructor();
-    value: string | string[];
-    options: IPktComboboxOption[];
-    defaultOptions: IPktComboboxOption[];
-    allowUserInput: boolean;
-    typeahead: boolean;
-    includeSearch: boolean;
-    searchPlaceholder: string;
-    multiple: boolean;
-    maxlength: number | null;
-    displayValueAs: string;
-    tagPlacement: TPktComboboxTagPlacement | null;
-    isOpen: boolean;
-    _options: IPktComboboxOption[];
-    protected _value: string[];
-    protected _isOptionsOpen: boolean;
-    protected _userInfoMessage: string;
-    protected _addValueText: string | null;
-    protected _maxIsReached: boolean;
-    protected _search: string;
-    protected _inputFocus: boolean;
-    protected _internalValueSync: boolean;
-    protected _optionsFromSlot: boolean;
-    protected _lastSlotGeneration: number;
-    /** When true, the next handleFocus call will not reopen the dropdown. */
-    protected _suppressNextOpen: boolean;
-    protected readonly inputRef: Ref<HTMLInputElement>;
-    protected readonly triggerRef: Ref<HTMLDivElement>;
-    protected readonly listboxRef: Ref<PktListbox>;
-    protected get _hasTextInput(): boolean;
-    protected get _selectionDescription(): string | undefined;
-    /**
-     * Focuses the appropriate trigger element after closing the listbox.
-     * Select-only: the combobox input div. Editable: the text input.
-     */
-    protected focusTrigger(): void;
-    /**
-     * Parses the value prop into an internal string array.
-     */
-    protected parseValue(): string[];
-    /**
-     * Updates the _maxIsReached state flag.
-     */
-    protected updateMaxReached(): void;
-    /**
-     * Syncs the public value property from internal _value state and dispatches
-     * events if the value content changed. Always sets this.value as a string
-     * to prevent array→string reflect cascades.
-     */
-    protected syncValueAndDispatch(oldInternal: string[]): void;
-    /**
-     * Override onChange to skip the base class touched guard.
-     * The base class returns early on the first call (setting touched = true but not
-     * dispatching events). Combobox needs consistent event dispatch regardless of
-     * touched state.
-     */
-    protected onChange(value: string | string[]): void;
-    /**
-     * No-op override of the base class valueChanged.
-     * The base class version sets both this.value AND this._value, which creates
-     * an infinite _value → valueChanged → value → parseValue → _value loop.
-     * Combobox handles value sync and event dispatch in syncValueAndDispatch() instead.
-     */
-    protected valueChanged(): void;
-}
-
-/**
- * Event handler layer for PktCombobox.
- * Handles user interactions: input, focus, keyboard, clicks, tags.
- */
-declare class ComboboxHandlers extends ComboboxValue {
-    protected handleInput(e: InputEvent): void;
-    protected handleFocus(): void;
-    protected handleFocusOut(e: FocusEvent): void;
-    /**
-     * Shared close logic used by both focusout and outside-click handlers.
-     * Processes any pending input value, then closes the dropdown.
-     */
-    protected closeAndProcessInput(): void;
-    protected handleBlur(): void;
-    protected handleInputClick(e: MouseEvent): void;
-    protected handlePlaceholderClick(e: MouseEvent): void;
-    protected handleSelectOnlyKeydown(e: KeyboardEvent): void;
-    protected handleOptionToggled(e: CustomEvent): void;
-    protected handleSearch(e: CustomEvent): void;
-    protected handleInputKeydown(e: KeyboardEvent): void;
-    protected handleTagRemove(value: string | null): void;
-    protected getInsideTags(): HTMLElement[];
-    protected focusTag(index: number): void;
-    protected resetTagTabindices(): void;
-    protected handleTagKeydown(e: KeyboardEvent, index: number): void;
-    protected checkForMatches(): void;
-}
-
-/**
- * Value management layer for PktCombobox.
- * Handles selection, deselection, user-added values, and input reset.
- */
-declare class ComboboxValue extends ComboboxBase {
-    toggleValue(value: string | null): void;
-    protected setSelected(value: string | null): void;
-    protected removeSelected(value: string | null): void;
-    protected addAllOptions(): void;
-    protected removeAllSelected(): void;
-    protected addValue(): void;
-    protected removeValue(value: string | null): void;
-    protected addNewUserValue(value: string | null): void;
-    protected resetComboboxInput(shouldResetInput?: boolean): void;
-    protected removeLastValue(e: Event): void;
-}
-
-/**
- * We define all props as optional. Native HTML attributes are optional by default,
- * but the TS definition require either null or value. This way we can support showing a value as optional
- * and define a default value on the element itself
- */
-declare type ElementProps<Element, PropKeys extends keyof Element> = Partial<Pick<Element, PropKeys>>;
-
-export declare interface IBreadcrumbItem {
-    text: string;
-    href: string;
-}
-
-export declare interface IPktAccordion {
-    compact?: boolean;
-    skin?: TPktAccordionSkin;
-    ariaLabelledBy?: string;
-    name?: string;
-}
-
-/**
- * @param toggleProps
- *
- * @description Send in an "isOpen" boolean and "onToggleClick" function
- * to override the automatic toggling
- */
-export declare interface IPktAccordionItem {
-    defaultOpen?: boolean;
-    id: string;
-    title: string;
-    skin?: TPktAccordionSkin;
-    compact?: boolean;
-    isOpen?: boolean;
-    name?: string | undefined;
-}
-
-declare interface IPktAlert {
-    skin?: TAlertSkin;
-    closeAlert?: boolean;
-    title?: string;
-    date?: string | null;
-    ariaLive?: TAriaLive | null;
-    compact?: boolean;
-    role?: string;
-}
-
-export declare interface IPktBackLink {
-    href?: string;
-    text?: string;
-    ariaLabel?: string;
-}
-
-export declare interface IPktBreadcrumbs {
-    breadcrumbs: IBreadcrumbItem[];
-}
-
-export declare interface IPktButton {
-    iconName?: PktIconName;
-    secondIconName?: PktIconName;
-    iconPath?: string;
-    secondIconPath?: string;
-    mode?: TPktButtonMode;
-    size?: TPktButtonSize;
-    fullWidth?: Booleanish;
-    fullWidthOnMobile?: Booleanish;
-    color?: TPktButtonColor;
-    skin?: TPktButtonSkin;
-    variant?: TPktButtonVariant;
-    state?: TPktButtonState;
-    type?: TPktButtonType;
-    isLoading?: Booleanish;
-    disabled?: Booleanish;
-    loadingAnimationPath?: string;
-}
-
-declare interface IPktCard {
-    ariaLabel?: IAriaAttributes['aria-label'];
-    metaLead?: string | null;
-    metaTrail?: string | null;
-    layout?: TLayout;
-    heading?: string;
-    headingLevel?: IPktHeading['level'];
-    image?: {
-        src: string;
-        alt: string;
-    };
-    imageShape?: TCardImageShape;
-    clickCardLink?: string | null;
-    openLinkInNewTab?: boolean | null;
-    borderOnHover?: boolean | null;
-    padding?: TCardPadding;
-    skin?: TCardSkin;
-    subheading?: string;
-    tagPosition?: TCardTagPosition;
-    tags?: (Omit<IPktTag, 'closeTag'> & {
-        text: string;
-    })[];
-}
-
-export declare interface IPktCombobox {
-    allowUserInput?: boolean;
-    typeahead?: boolean;
-    disabled?: boolean;
-    displayValueAs?: string;
-    errorMessage?: string;
-    fullwidth?: boolean;
-    hasError?: boolean;
-    helptext?: string | null;
-    helptextDropdown?: string | null;
-    helptextDropdownButton?: string | null;
-    id?: string;
-    includeSearch?: boolean;
-    label?: string | null;
-    maxlength?: number | null;
-    minlength?: number | null;
-    multiple?: boolean;
-    name?: string;
-    optionalTag?: boolean;
-    optionalText?: string;
-    options?: IPktComboboxOption[];
-    defaultOptions?: IPktComboboxOption[];
-    placeholder?: string | null;
-    requiredTag?: boolean;
-    requiredText?: string;
-    searchPlaceholder?: string;
-    tagPlacement?: TPktComboboxTagPlacement | null;
-    tagText?: string | null;
-    value?: string | string[];
-    isOpen?: boolean;
-}
-
-export { IPktComboboxOption }
-
-export declare interface IPktConsent {
-    devMode?: boolean;
-    cookieDomain?: string | null;
-    cookieSecure?: string | null;
-    cookieExpiryDays?: string | null;
-    hotjarId?: string | null;
-    googleAnalyticsId?: string | null;
-    i18nLanguage?: string;
-    triggerType?: 'button' | 'link' | 'footerlink' | 'icon' | null;
-    triggerText?: string | null;
-}
-
-/**
- * Interface for the Header component props
- */
-export declare interface IPktHeader {
-    /** Hide the Oslo logo */
-    hideLogo?: Booleanish;
-    /** Logo link URL */
-    logoLink?: string;
-    /** Service name displayed in the header */
-    serviceName?: string;
-    /** Service link URL */
-    serviceLink?: string;
-    /** Use compact header height */
-    compact?: Booleanish;
-    /** 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;
-    /** User object for logged-in user */
-    user?: IPktHeaderUser;
-    /** User menu items */
-    userMenu?: IPktHeaderUserMenuItem[];
-    /** Representation object */
-    representing?: IPktHeaderRepresenting;
-    /** Allow user to change representation */
-    canChangeRepresentation?: Booleanish;
-    /** Logout button placement */
-    logOutButtonPlacement?: TPktHeaderLogOutButtonPlacement;
-    /** Whether there's a logout handler attached (required for logout button to show) */
-    hasLogOut?: Booleanish;
-    /** Show search field */
-    showSearch?: Booleanish;
-    /** Search field placeholder */
-    searchPlaceholder?: string;
-    /** Controlled search value */
-    searchValue?: string;
-    /** Custom breakpoint for responsive behavior in pixels. Default: 1024 */
-    mobileBreakpoint?: number;
-    /** Custom breakpoint for tablet responsive behavior in pixels. Default: 1280 */
-    tabletBreakpoint?: number;
-    /** Which menu is initially open */
-    openedMenu?: THeaderMenu;
-    /** Variant for the slot menu button. Default: 'icon-only' */
-    slotMenuVariant?: TSlotMenuVariant;
-    /** Text for the slot menu button. Default: 'Meny' */
-    slotMenuText?: string;
-}
-
-export declare type IPktHeaderRepresenting = Representing;
-
-export declare type IPktHeaderUser = User;
-
-declare interface IPktHeaderUserMenu {
-    user: IPktHeaderUser;
-    formattedLastLoggedIn?: string;
-    representing?: IPktHeaderRepresenting;
-    userMenu?: IPktHeaderUserMenuItem[];
-    canChangeRepresentation?: Booleanish;
-    logoutOnClick?: Booleanish;
-}
-
-export declare type IPktHeaderUserMenuItem = UserMenuItem<PktIconName>;
-
-export declare interface IPktHeading {
-    size?: TPktHeadingSize;
-    level?: TPktHeadingLevel;
-    weight?: TPktHeadingWeight;
-    visuallyHidden?: boolean;
-    align?: 'start' | 'center' | 'end';
-}
-
-declare interface IPktLinkCard {
-    title?: string;
-    href?: string;
-    iconName?: string;
-    external?: boolean;
-    openInNewTab?: boolean;
-    skin?: TLinkCardSkin;
-}
-
-declare interface IPktListbox {
-    options: IPktComboboxOption[];
-    isOpen: boolean;
-    disabled: boolean;
-    includeSearch: boolean;
-    isMultiSelect: boolean;
-    allowUserInput: boolean;
-    maxIsReached: boolean;
-    customUserInput: string | null;
-    searchPlaceholder: string | null;
-    searchValue: string | null;
-    maxLength: number;
-    userMessage: string | null;
-}
-
-export declare interface IPktLoader {
-    /**
-     * The `delay` prop controls how much time the loading should be given before the loader is displayed.
-     * This is handy for situations where the load time might be so short that loader is not necessary.
-     * Delay time is in milliseconds.
-     */
-    delay?: number;
-    /**
-     * The `inline` prop decides whether the loader should be displayed inline or not.
-     */
-    inline?: boolean;
-    /**
-     * The boolean 'isLoading' decides whether the loader or the children will be displayed.
-     * If set to false, the children will be displayed.
-     */
-    isLoading?: boolean;
-    /**
-     * The message to display when the loader is loading.
-     */
-    message?: string | null;
-    /**
-     * The size of the loader. Default is "medium".
-     */
-    size?: TPktSize;
-    /**
-     * The variant of the loader. Default is "shapes" which is the OSLO wave loader.
-     * Other variants are "blue" and "rainbow" which are spinner variants.
-     */
-    variant?: TPktLoaderVariant;
-    /**
-     * Override path to loading animations.
-     */
-    loadingAnimationPath?: string;
-}
-
-declare interface IPktMessagebox {
-    skin?: TMessageboxSkin;
-    title?: string;
-    compact?: boolean;
-    closable?: boolean;
-}
-
-declare interface IPktModal {
-    open?: boolean;
-    headingText?: string;
-    removePadding?: boolean;
-    hideCloseButton?: boolean;
-    closeOnBackdropClick?: boolean;
-    closeButtonSkin?: 'blue' | 'yellow-filled';
-    size?: TPktSize;
-    variant?: 'dialog' | 'drawer';
-    drawerPosition?: 'left' | 'right';
-    transparentBackdrop?: boolean;
-}
-
-export declare interface IPktProgressbar {
-    ariaLabel?: string | null;
-    ariaLabelledby?: string | null;
-    ariaLive?: TAriaLive | null;
-    ariaValueText?: string | null;
-    id?: string | null;
-    role?: TProgressbarRole;
-    skin?: TProgressbarSkin;
-    statusPlacement?: TProgressbarStatusPlacement;
-    statusType?: TProgressbarStatusType;
-    title?: string | null;
-    titlePosition?: TProgressbarTitlePosition;
-    valueCurrent: number;
-    valueMax?: number;
-    valueMin?: number;
-}
-
-declare interface IPktSelect {
-    options: TSelectOption[];
-    value: string;
-}
-
-export declare interface IPktTabItem {
-    active?: boolean;
-    disabled?: boolean;
-    href?: string;
-    icon?: string;
-    controls?: string;
-    tag?: string;
-    tagSkin?: TTabItemSkin;
-    index?: number;
-}
-
-export declare interface IPktTabs {
-    arrowNav?: boolean;
-    disableArrowNav?: boolean;
-}
-
-declare interface IPktTag {
-    closeTag?: boolean;
-    size?: TPktSize;
-    skin?: TTagSkin;
-    textStyle?: string | null;
-    iconName?: PktIconName;
-    type?: TTagType;
-    ariaLabel?: IAriaAttributes['aria-label'] | null;
-}
-
-export declare interface IPktTimepicker {
-    value?: string;
-    min?: string;
-    max?: string;
-    step?: number;
-    name?: string;
-    id?: string;
-    disabled?: boolean;
-    required?: boolean;
-    hidePicker?: boolean;
-    stepArrows?: boolean;
-    fullwidth?: boolean;
-    label?: string | null;
-    helptext?: string;
-    helptextDropdown?: string;
-    helptextDropdownButton?: string | null;
-    hasError?: boolean;
-    errorMessage?: string;
-    requiredTag?: boolean;
-    requiredText?: string;
-    optionalTag?: boolean;
-    optionalText?: string;
-    tagText?: string | null;
-    inline?: boolean;
-}
-
-export declare class PktAccordion extends LitElement implements IPktAccordion {
-    ariaLabelledBy: string;
-    compact: boolean;
-    skin: TPktAccordionSkin;
-    name: string;
-    updated(changedProperties: Map<string, any>): void;
-    private updateAccordionItemNames;
-    firstUpdated(): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktAccordionItem extends PktElementWithSlot implements IPktAccordionItem {
-    defaultOpen: boolean;
-    title: string;
-    skin: TPktAccordionSkin | undefined;
-    compact: boolean;
-    isOpen: boolean;
-    name: string | undefined;
-    accordionItemRef: Ref<HTMLDivElement>;
-    constructor();
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktAlert extends PktElementWithSlot implements IPktAlert {
-    constructor();
-    compact: boolean;
-    title: string;
-    skin: TAlertSkin;
-    ariaLive: TAriaLive;
-    ariaLiveAttr: TAriaLive | null;
-    closeAlert: boolean;
-    date: string | null;
-    role: string;
-    _isClosed: boolean;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    protected updated(_changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-    private close;
-}
-
-export declare class PktBackLink extends PktElement<IPktBackLink> implements IPktBackLink {
-    href: string;
-    text: string;
-    ariaLabel: string;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktBreadcrumbs extends PktElement implements IPktBreadcrumbs {
-    breadcrumbs: IBreadcrumbItem[];
-    private handleLinkClick;
-    render(): typeof nothing | TemplateResult<1>;
-}
-
-export declare class PktButton extends PktElementWithSlot<IPktButton> implements IPktButton {
-    iconName: string;
-    secondIconName: string;
-    iconPath: string | undefined;
-    secondIconPath: string | undefined;
-    mode?: TPktButtonMode;
-    size: TPktButtonSize;
-    fullWidth: Booleanish;
-    fullWidthOnMobile: Booleanish;
-    color?: TPktButtonColor;
-    skin: TPktButtonSkin;
-    variant: TPktButtonVariant;
-    state?: TPktButtonState;
-    type: TPktButtonType;
-    form: string | undefined;
-    isLoading: Booleanish;
-    disabled: Booleanish;
-    loadingAnimationPath: string | undefined;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktCalendar extends PktElement {
-    selected: string | string[];
-    multiple: boolean;
-    maxMultiple: number;
-    range: boolean;
-    earliest: string | null;
-    latest: string | null;
-    excludedates: Date[];
-    excludeweekdays: string[];
-    weeknumbers: boolean;
-    withcontrols: boolean;
-    currentmonth: Date | null;
-    today: string | null;
-    dayStrings: string[];
-    dayStringsLong: string[];
-    monthStrings: string[];
-    weekString: string;
-    prevMonthString: string;
-    nextMonthString: string;
-    private _selected;
-    private inRange;
-    private rangeHovered;
-    private get todayDate();
-    private year;
-    private month;
-    private week;
-    private currentmonthtouched;
-    private focusedDate;
-    private selectableDates;
-    private tabIndexSet;
-    /**
-     * Lifecycle methods
-     */
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: PropertyValues): void;
-    /**
-     * Date and selection management
-     */
-    private convertSelected;
-    private setCurrentMonth;
-    /**
-     * Keyboard navigation
-     */
-    private handleKeydown;
-    private handleArrowKey;
-    /**
-     * Rendering methods
-     */
-    render(): TemplateResult_2<1>;
-    private renderMonthNavButton;
-    private renderDayNames;
-    private renderMonthNav;
-    private getDayViewData;
-    private getDateConstraints;
-    private isDayDisabled;
-    private calculateTabIndex;
-    private getDayCellClasses;
-    private getDayButtonClasses;
-    private handleDayFocus;
-    private renderDayView;
-    private renderEmptyDayCell;
-    private renderWeekRow;
-    private renderCalendarBody;
-    /**
-     * Date validation
-     */
-    private isExcluded;
-    /**
-     * Month navigation
-     */
-    isPrevMonthAllowed(): boolean;
-    private prevMonth;
-    isNextMonthAllowed(): boolean;
-    private nextMonth;
-    private changeMonth;
-    /**
-     * Date selection logic
-     */
-    private emptySelected;
-    private normalizeSelected;
-    addToSelected(selectedDate: Date): void;
-    removeFromSelected(selectedDate: Date): void;
-    toggleSelected(selectedDate: Date): void;
-    private isRangeAllowed;
-    private handleRangeSelect;
-    private handleRangeHover;
-    handleDateSelect(selectedDate: Date | null): Promise<void>;
-    /**
-     * Focus management and event handlers
-     */
-    focusOnCurrentDate(): void;
-    closeEvent(e: FocusEvent): void;
-    close(): void;
-}
-
-export declare class PktCard extends PktElementWithSlot implements IPktCard {
-    ariaLabel: string;
-    metaLead: string | null;
-    borderOnHover: boolean;
-    clickCardLink: IPktCard['clickCardLink'];
-    metaTrail: string | null;
-    layout: TLayout;
-    heading: string;
-    headinglevel: IPktHeading['level'];
-    image: {
-        src: string;
-        alt: string;
-    };
-    imageShape: TCardImageShape;
-    openLinkInNewTab: boolean;
-    padding: TCardPadding;
-    skin: TCardSkin;
-    subheading: string;
-    tagPosition: 'top' | 'bottom';
-    tags: (Omit<IPktTag, 'closeTag'> & {
-        text: string;
-    })[];
-    connectedCallback(): void;
-    render(): TemplateResult<1>;
-    renderImage(): TemplateResult<1>;
-    renderHeading(): TemplateResult<1>;
-    renderLinkHeading(): TemplateResult<1>;
-    renderSubheading(): TemplateResult<1>;
-    renderHeader(): TemplateResult<1>;
-    renderTags(): TemplateResult<1>;
-    renderSlot(): TemplateResult<1>;
-    renderMetadata(): TemplateResult<1>;
-}
-
-export declare class PktCheckbox extends PktInputElement<Props_3> {
-    inputRef: Ref<HTMLInputElement>;
-    value: string;
-    checkHelptext: string | null;
-    defaultChecked: boolean;
-    hasTile: boolean;
-    isSwitch: boolean;
-    labelPosition: 'right' | 'left';
-    hideLabel: boolean;
-    checked: boolean | string | null;
-    indeterminate: boolean | 'true' | 'false' | '';
-    type: string;
-    tagText: string | null;
-    optionalTag: boolean;
-    optionalText: string;
-    requiredTag: boolean;
-    requiredText: string;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-    private handleClick;
-    private handleChange;
-    private toggleChecked;
-}
-
-export declare class PktCombobox extends ComboboxHandlers implements IPktCombobox {
-    private handleBodyClick;
-    connectedCallback(): void;
-    protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
-    disconnectedCallback(): void;
-    firstUpdated(changedProperties: PropertyValues): void;
-    updated(changedProperties: PropertyValues): void;
-    /**
-     * Override form reset to properly restore combobox state.
-     * The base class deselects all options and sets value/defaultValue, but
-     * combobox needs to re-sync _options with the restored values and clean up
-     * user-added options and UI state.
-     */
-    protected formResetCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    render(): TemplateResult<1>;
-    private renderInputField;
-    private renderSingleOrMultipleValues;
-    private renderValueTag;
-}
-
-export declare class PktConsent extends PktElement<IPktConsent> implements IPktConsent {
-    private _cookieEventHandler?;
-    devMode: boolean;
-    hotjarId: string | null;
-    googleAnalyticsId: string | null;
-    cookieDomain: string | null;
-    cookieSecure: string | null;
-    cookieExpiryDays: string | null;
-    triggerType: 'button' | 'link' | 'footerlink' | 'icon' | null;
-    triggerText: string | null;
-    i18nLanguage: string;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    returnJsonOrObject(obj: any): any;
-    emitCookieConsents(consent: any): void;
-    protected firstUpdated(_changedProperties: PropertyValues): Promise<void>;
-    triggerInit(): void;
-    openModal(e: Event): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktDatepicker extends PktInputElement<Props_4> {
-    /**
-     * Element attributes and properties
-     */
-    private _valueProperty;
-    private _valueProcessing;
-    datepickerPopupRef: Ref<PktDatepickerPopup>;
-    get value(): string;
-    set value(newValue: string | string[]);
-    _value: string[];
-    label: string;
-    dateformat: string;
-    multiple: boolean;
-    maxlength: number | null;
-    range: boolean;
-    showRangeLabels: boolean;
-    min: string | null;
-    max: string | null;
-    weeknumbers: boolean;
-    withcontrols: boolean;
-    excludedates: string[];
-    excludeweekdays: string[];
-    currentmonth: string | null;
-    today: string | null;
-    calendarOpen: boolean;
-    timezone: string;
-    inputClasses: {};
-    /**
-     * Computed properties
-     */
-    get inputType(): string;
-    /**
-     * Housekeeping / lifecycle methods
-     */
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    onInput(): void;
-    valueChanged(newValue: string | null, oldValue: string | null): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    updated(changedProperties: PropertyValues): void;
-    /**
-     * Element references
-     */
-    get inputRef(): Ref<HTMLInputElement>;
-    get inputRefTo(): Ref<HTMLInputElement>;
-    calRef: Ref<PktCalendar>;
-    popupRef: Ref<HTMLDivElement>;
-    singleInputRef: Ref<PktDatepickerSingle>;
-    rangeInputRef: Ref<PktDatepickerRange>;
-    multipleInputRef: Ref<PktDatepickerMultiple>;
-    get currentInputElement(): HTMLInputElement | undefined;
-    get currentInputElementTo(): HTMLInputElement | undefined;
-    get currentButtonElement(): HTMLButtonElement | undefined;
-    get btnRef(): Ref<HTMLButtonElement>;
-    /**
-     * Rendering
-     */
-    renderInput(): TemplateResult<1>;
-    renderRangeInput(): TemplateResult<1>;
-    renderMultipleInput(): TemplateResult<1>;
-    renderCalendar(): TemplateResult<1>;
-    render(): TemplateResult<1>;
-    /**
-     * Handlers
-     */
-    handleCalendarPosition(): void;
-    addToSelected: (e: Event | KeyboardEvent) => void;
-    showCalendar(): Promise<void>;
-    hideCalendar(): void;
-    toggleCalendar(e: Event): Promise<void>;
-    clearInputValue(): void;
-}
-
-/**
- * Abstract base class for datepicker input components
- *
- * Consolidates shared properties, methods, and event dispatchers
- * used by all three datepicker input types (single, multiple, range).
- *
- * Subclasses must implement:
- * - `strings` property with component-specific defaults
- * - `render()` method with component-specific template
- */
-declare abstract class PktDatepickerBase extends PktElement {
-    inputType: string;
-    id: string;
-    min?: string;
-    max?: string;
-    placeholder?: string;
-    readonly: boolean;
-    disabled: boolean;
-    inputClasses: Record<string, boolean>;
-    internals?: ElementInternals;
-    abstract strings: IDatepickerStrings;
-    inputRef: Ref<HTMLInputElement>;
-    btnRef: Ref<HTMLButtonElement>;
-    get inputElement(): HTMLInputElement | undefined;
-    get buttonElement(): HTMLButtonElement | undefined;
-    get isInputReadonly(): boolean;
-    protected dispatchToggleCalendar(e: Event): void;
-    protected dispatchInput(e: Event): void;
-    protected dispatchFocus(): void;
-    protected dispatchBlur(e: FocusEvent): void;
-    protected dispatchChange(e: Event): void;
-    protected renderCalendarButton(): TemplateResult_2;
-    createRenderRoot(): this;
-    abstract render(): TemplateResult_2;
-}
-
-declare class PktDatepickerMultiple extends PktDatepickerBase {
-    value: string[];
-    maxlength?: number;
-    strings: IDatepickerStrings;
-    get isInputDisabled(): boolean;
-    private dispatchAddToSelected;
-    render(): TemplateResult<1>;
-}
-
-declare class PktDatepickerPopup extends PktElement {
-    open: boolean;
-    multiple: boolean;
-    range: boolean;
-    weeknumbers: boolean;
-    withcontrols: boolean;
-    maxMultiple: number | null;
-    selected: string[];
-    earliest: string | null;
-    latest: string | null;
-    excludedates: string[];
-    excludeweekdays: string[];
-    currentmonth: string | null;
-    today: string | null;
-    private _hasBeenOpened;
-    popupRef: Ref<HTMLElement>;
-    calendarRef: Ref<HTMLElement>;
-    firstUpdated(): void;
-    updated(changedProperties: PropertyValues): void;
-    disconnectedCallback(): void;
-    handleDocumentClick: (e: MouseEvent) => void;
-    handleDocumentKeydown: (e: KeyboardEvent) => void;
-    show(): void;
-    hide(): void;
-    toggle(): void;
-    contains(node: Node | null): boolean;
-    focusOnCurrentDate(): void;
-    addToSelected(e: Event, min?: string | null, max?: string | null): void;
-    handleDateSelect(date: Date): Promise<void> | undefined;
-    render(): TemplateResult<1>;
-}
-
-declare class PktDatepickerRange extends PktDatepickerBase {
-    value: string[];
-    label: string;
-    showRangeLabels: boolean;
-    strings: IDatepickerStrings;
-    inputRefTo: Ref<HTMLInputElement>;
-    get inputElementTo(): HTMLInputElement | undefined;
-    render(): TemplateResult<1>;
-}
-
-declare class PktDatepickerSingle extends PktDatepickerBase {
-    value: string;
-    strings: IDatepickerStrings;
-    private dispatchManageValidity;
-    render(): TemplateResult<1>;
-}
-
-/**
- * OBS! `dateformat` er standard formatteringsstreng for visning av datoer.
- * Denne brukes for å sette "menneskeleselig" format på datoene i tags.
- *
- * Følger denne unicode-standarden:
- * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
- */
-export declare class PktDateTags extends PktElement {
-    dates: TISODate[];
-    dateformat: string;
-    className: string;
-    idBase: string;
-    render(): TemplateResult<1>;
-}
-
-/**
- * Base class for Punkt light DOM elements
- * This class extends PktShadowElement but renders in light DOM instead of shadow DOM
- * @extends PktShadowElement
- */
-declare class PktElement<T = {}> extends PktShadowElement<T> {
-    /**
-     * Make sure the component renders in light DOM instead of shadow DOM
-     */
-    createRenderRoot(): this;
-}
-
-/**
- * Base class for Punkt light DOM elements that use the slotContent directive.
- * Extends PktElement with slot content collection and distribution.
- *
- * Use this instead of PktElement when the component's template uses slotContent().
- * @extends PktElement
- */
-declare class PktElementWithSlot<T = {}> extends PktElement<T> {
-    /**
-     * Pre-collect children before Lit's first render clears them.
-     * This ensures slotContent() has access to the original children.
-     */
-    connectedCallback(): void;
-    /**
-     * Checks if a slot has content distributed to it via the slotContent directive.
-     *
-     * @param slotName - Name of the slot. Omit for the default slot.
-     */
-    hasSlotContent(slotName?: string): boolean;
-}
-
-/**
- * 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 class PktHeader extends PktElementWithSlot<IPktHeader> implements IPktHeader {
-    serviceName?: string;
-    serviceLink?: string;
-    logoLink?: string;
-    searchPlaceholder: string;
-    searchValue: string;
-    mobileBreakpoint: number;
-    tabletBreakpoint: number;
-    openedMenu: THeaderMenu;
-    logOutButtonPlacement: TPktHeaderLogOutButtonPlacement;
-    position: THeaderPosition;
-    scrollBehavior: THeaderScrollBehavior;
-    slotMenuVariant: TSlotMenuVariant;
-    slotMenuText: string;
-    hideLogo: Booleanish;
-    compact: Booleanish;
-    showSearch: Booleanish;
-    canChangeRepresentation: Booleanish;
-    hasLogOut: Booleanish;
-    user?: IPktHeaderUser;
-    userMenu?: IPktHeaderUserMenuItem[];
-    representing?: IPktHeaderRepresenting;
-    userMenuFooter?: IPktHeaderUserMenuItem[];
-    userOptions?: IPktHeaderUserMenuItem[];
-    firstUpdated(changedProperties: PropertyValues): void;
-    private emitDeprecationWarnings;
-    /**
-     * Convert deprecated props to new props
-     */
-    private get effectiveUserMenu();
-    render(): TemplateResult<1>;
-}
-
-export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> implements IPktHeader {
-    serviceName?: string;
-    serviceLink?: string;
-    logoLink?: string;
-    searchPlaceholder: string;
-    searchValue: string;
-    mobileBreakpoint: number;
-    tabletBreakpoint: number;
-    openedMenu: THeaderMenu;
-    logOutButtonPlacement: TPktHeaderLogOutButtonPlacement;
-    position: THeaderPosition;
-    scrollBehavior: THeaderScrollBehavior;
-    slotMenuVariant: TSlotMenuVariant;
-    slotMenuText: string;
-    hideLogo: Booleanish;
-    compact: Booleanish;
-    showSearch: Booleanish;
-    canChangeRepresentation: Booleanish;
-    hasLogOut: Booleanish;
-    user?: IPktHeaderUser;
-    userMenu?: IPktHeaderUserMenuItem[];
-    representing?: IPktHeaderRepresenting;
-    private isMobile;
-    private isTablet;
-    private openMenu;
-    private isHidden;
-    private componentWidth;
-    private alignSlotRight;
-    private alignSearchRight;
-    private headerRef;
-    private userContainerRef;
-    private slotContainerRef;
-    private searchContainerRef;
-    private slotContentRef;
-    private searchMenuRef;
-    private resizeObserver?;
-    private lastScrollPosition;
-    private savedScrollY;
-    private lastFocusedElement;
-    private shouldRestoreFocus;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(changedProperties: PropertyValues): void;
-    private setupResizeObserver;
-    private updateIsMobile;
-    private updateIsTablet;
-    private updateScrollLock;
-    private lockScroll;
-    private unlockScroll;
-    private setupScrollListener;
-    private handleScroll;
-    private handleClickOutside;
-    private handleFocusOut;
-    private handleEscapeKey;
-    private restoreFocus;
-    private checkDropdownAlignment;
-    private handleMenuToggle;
-    private handleLogoClick;
-    private handleServiceClick;
-    private handleLogout;
-    private handleSearch;
-    private handleSearchChange;
-    private handleSearchInputChange;
-    private handleSearchKeyDown;
-    private get formattedLastLoggedIn();
-    private get isFixed();
-    private get shouldHideOnScroll();
-    private get showLogoutInHeader();
-    private get showLogoutInUserMenu();
-    private renderLogo;
-    private renderServiceName;
-    private renderSlotContainer;
-    private renderSearch;
-    private renderUserButton;
-    private renderHeader;
-    render(): TemplateResult_2<1>;
-}
-
-export declare class PktHeaderUserMenu extends PktElement<IPktHeaderUserMenu> implements IPktHeaderUserMenu {
-    user: IPktHeaderUser;
-    formattedLastLoggedIn?: string;
-    representing?: IPktHeaderRepresenting;
-    userMenu?: IPktHeaderUserMenuItem[];
-    canChangeRepresentation: Booleanish;
-    logoutOnClick: Booleanish;
-    private handleChangeRepresentation;
-    private handleLogout;
-    private handleMenuItemClick;
-    private renderLinkOrButton;
-    private renderLinkSection;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktHeading extends PktShadowElement<IPktHeading> implements IPktHeading {
-    size: TPktHeadingSize | undefined;
-    level: TPktHeadingLevel;
-    weight: TPktHeadingWeight | undefined;
-    visuallyHidden: boolean;
-    align: 'start' | 'center' | 'end' | undefined;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    protected updated(_changedProperties: PropertyValues): void;
-    private setLevel;
-    private get defaultSizeForLevel();
-    private get defaultWeightForLevel();
-    private updateHostClasses;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktHelptext extends PktElementWithSlot {
-    forId: string;
-    helptext: string;
-    helptextDropdown: string;
-    helptextDropdownButton: string;
-    isHelpTextOpen: boolean;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktIcon extends PktElement<Props_5> {
-    path: string | undefined;
-    name: PktIconName;
-    private icon;
-    private _updatedProps;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): Promise<void>;
-    protected updated(_changedProperties: PropertyValues): Promise<void>;
-    protected getIcon(name?: PktIconName): Promise<void>;
-    render(): TemplateResult<1>;
-}
-
-/**
- * Base class for all Punkt input elements
- * @extends PktElementWithSlot
- */
-declare class PktInputElement<T = {}, TOption extends PktInputOption = PktInputOption> extends PktElementWithSlot<Props_2 & T> {
-    static get formAssociated(): boolean;
-    internals: any;
-    form: HTMLFormElement | null;
-    checked?: boolean | string | null;
-    defaultChecked?: boolean;
-    multiple?: boolean;
-    range?: boolean;
-    type?: string;
-    optionsController?: PktOptionsSlotController;
-    _options?: TOption[];
-    defaultValue: string | string[] | null;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    max: string | number | null;
-    maxlength: number | null;
-    min: string | number | null;
-    minlength: number | null;
-    step: number | null;
-    ariaDescribedBy: string | null;
-    ariaLabelledby: string | null;
-    name: string;
-    pattern: string | null;
-    placeholder: string | null;
-    id: string;
-    counter: boolean;
-    hasError: boolean;
-    inline: boolean;
-    hasFieldset: boolean;
-    optionalTag: boolean;
-    requiredTag: boolean;
-    skipForwardTestid: boolean;
-    useWrapper: Booleanish_2;
-    fullwidth: boolean;
-    counterMaxLength: number;
-    errorMessage: string;
-    helptext: string;
-    helptextDropdown: string;
-    helptextDropdownButton: string | null;
-    label: string | null;
-    optionalText: string;
-    requiredText: string;
-    tagText: string | null;
-    dataTestid: string;
-    touched: boolean;
-    constructor();
-    /**
-     * Manages form validation state based on input validity
-     * Called automatically by onChange, but can be called manually if needed
-     *
-     * @param input - The input element to validate (optional)
-     * @protected
-     */
-    protected manageValidity(input?: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
-    /**
-     * Updates the form value for this input
-     * Handles both single values and arrays (for multi-select)
-     *
-     * @param value - The value(s) to set in the form
-     * @protected
-     */
-    protected setFormValue(value: string | string[]): void;
-    /**
-     * Coordinates radio button group by unchecking other radios with the same name
-     * Only affects radio inputs within the same form
-     *
-     * @protected
-     */
-    protected coordinateRadioGroup(): void;
-    /**
-     * Updates checked state and form value for checkbox and radio inputs
-     * Triggers this when you want to set the value of the radio or checkbox input to the form
-     * Do not use valueChanged or onChange for radios and checkboxes!
-     *
-     * @param value - The checked state (string 'true'/'false', or boolean)
-     * @protected
-     */
-    protected valueChecked(value: string | boolean | null): void;
-    /**
-     * Called when value changes (text inputs, select, etc.)
-     * Subclasses can override to add custom value transformation logic
-     *
-     * @param value - The new value
-     * @param _old - The previous value
-     * @protected
-     * @example
-     * ```typescript
-     * protected valueChanged(value: string, old: string): void {
-     *   const transformed = this.transformValue(value)
-     *   super.valueChanged(transformed, old)
-     * }
-     * ```
-     */
-    protected valueChanged(value: string | string[] | null, _old: string | string[] | null): void;
-    /**
-     * Dispatches change and value-change events
-     *
-     * @param value - The value to include in the event detail
-     * @protected
-     */
-    protected dispatchChangeEvents(value: unknown): void;
-    /**
-     * When input goes from content to no content
-     * @protected
-     */
-    protected clearInputValue(): void;
-    /**
-     * When user enters the input, dispatch focus event
-     * @protected
-     */
-    protected onFocus(): void;
-    /**
-     * When user leaves the input, dispatch blur event
-     * @protected
-     */
-    protected onBlur(): void;
-    /**
-     * Trigger this when user types in the input
-     * @protected
-     */
-    protected onInput(): void;
-    /**
-     * Normalizes value format based on multiple/range settings
-     *
-     * @param value - The value to normalize
-     * @returns Normalized value (array if multiple/range, string otherwise)
-     * @private
-     */
-    private normalizeValue;
-    /**
-     * Validates the input element(s)
-     * @private
-     */
-    private validate;
-    /**
-     * Trigger this when you want to set the value of the input out to the form
-     * Handles value normalization, form updates, validation, and event dispatching
-     *
-     * @param value - The value to set
-     * @protected
-     */
-    protected onChange(value: string | string[]): void;
-    /**
-     * Called when the form is reset
-     * Resets the input to its default state
-     * @protected
-     */
-    protected formResetCallback(): void;
-    protected updated(_changedProperties: PropertyValues): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-}
-
-/**
- * Base interface for input options used in select, combobox, etc.
- */
-declare interface PktInputOption {
-    value: string;
-    label?: string;
-    selected?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-}
-
-export declare class PktInputWrapper extends PktElementWithSlot<Props_6> {
-    /**
-     * Element attributes
-     */
-    forId: string;
-    label: string;
-    helptext: string | null;
-    helptextDropdown: string | null;
-    helptextDropdownButton: string | null;
-    counter: boolean;
-    counterCurrent: number;
-    counterMaxLength: number;
-    counterError: string | null;
-    counterPosition: TCounterPosition;
-    optionalTag: boolean;
-    optionalText: string;
-    requiredTag: boolean;
-    requiredText: string;
-    tagText: string | null;
-    hasError: boolean;
-    errorMessage: string;
-    disabled: boolean;
-    inline: boolean;
-    ariaDescribedby: string | undefined;
-    hasFieldset: boolean;
-    role: string | null;
-    useWrapper: Booleanish;
-    protected updated(changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-    private toggleDropdown;
-    private handleLabelClick;
-}
-
-export declare class PktLink extends PktElementWithSlot {
-    /**
-     * Element attributes
-     */
-    href: string;
-    iconName: string | undefined;
-    iconPosition: string | undefined;
-    external: boolean;
-    target: string | null;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktLinkCard extends PktElementWithSlot implements IPktLinkCard {
-    title: string;
-    href: string;
-    iconName: string;
-    external: boolean;
-    openInNewTab: boolean;
-    skin: TLinkCardSkin;
-    render(): TemplateResult<1>;
-}
-
-declare class PktListbox extends PktElement implements IPktListbox {
-    id: string;
-    label: string | null;
-    options: IPktComboboxOption[];
-    isOpen: boolean;
-    disabled: boolean;
-    includeSearch: boolean;
-    isMultiSelect: boolean;
-    allowUserInput: boolean;
-    maxIsReached: boolean;
-    customUserInput: string | null;
-    searchPlaceholder: string | null;
-    searchValue: string | null;
-    maxLength: number;
-    userMessage: string | null;
-    private _selectedOptions;
-    private typeahead;
-    private _filteredOptions;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: PropertyValues): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    private get _hasOptions();
-    render(): TemplateResult<1>;
-    private renderCheckboxOrCheckIcon;
-    private renderEmptyMessage;
-    private renderList;
-    private renderNewOptionBanner;
-    private renderMaximumReachedBanner;
-    private renderUserMessage;
-    private renderSearch;
-    private handleSearchInput;
-    private handleSearchKeydown;
-    private handleOptionKeydown;
-    focusFirstOrSelectedOption(): void;
-    private toggleOption;
-    private selectAll;
-    private closeOptions;
-    private tabClose;
-    filterOptions(): void;
-    private handleTypeAhead;
-}
-
-export declare class PktLoader extends PktElementWithSlot implements IPktLoader {
-    delay: number;
-    inline: boolean;
-    isLoading: boolean;
-    message: string | null;
-    size: TPktSize;
-    variant: TPktLoaderVariant;
-    loadingAnimationPath: string | undefined;
-    private _shouldDisplayLoader;
-    connectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    render(): TemplateResult<1>;
-    private getVariant;
-    private setupLoader;
-}
-
-export declare class PktMessagebox extends PktElementWithSlot implements IPktMessagebox {
-    constructor();
-    closable: boolean;
-    compact: boolean;
-    title: string;
-    skin: TMessageboxSkin;
-    _isClosed: boolean;
-    protected updated(_changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-    private close;
-}
-
-export declare class PktModal extends PktElementWithSlot implements IPktModal {
-    open?: boolean;
-    headingText?: string;
-    removePadding?: boolean;
-    hideCloseButton?: boolean;
-    closeOnBackdropClick?: boolean;
-    closeButtonSkin?: 'blue' | 'yellow-filled';
-    size?: TPktSize;
-    variant?: 'dialog' | 'drawer';
-    drawerPosition?: 'left' | 'right';
-    transparentBackdrop?: boolean;
-    dialogRef: Ref<HTMLDialogElement>;
-    _isOpen: boolean;
-    constructor();
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    protected updated(changedProperties: PropertyValues): void;
-    protected firstUpdated(_changedProperties: PropertyValues): Promise<void>;
-    private handleKeyDown;
-    private handleBackdropClick;
-    private isElementInViewport;
-    close: (event: Event, bypassNativeClose?: boolean) => void;
-    showModal: (event?: Event | null) => void;
-    render(): TemplateResult<1>;
-}
-
-/**
- * Base class for input elements that have options (select, combobox, etc.)
- * Provides common functionality for managing options from props or slots
- * @extends PktInputElement
- */
-declare abstract class PktOptionsInputElement<T = {}, TOption extends PktInputOption = PktInputOption> extends PktInputElement<Props_10 & T, TOption> {
-    /**
-     * Options passed as a prop
-     * @private
-     */
-    protected _optionsProp: TOption[];
-    /**
-     * Internal state for parsed options
-     * @protected
-     */
-    _options: TOption[];
-    /**
-     * Controller for managing options from slots
-     */
-    optionsController: PktOptionsSlotController;
-    /**
-     * Public getter for options that includes selected state
-     * Override this in subclasses to customize the selected state logic
-     */
-    get options(): TOption[];
-    /**
-     * Public setter for options
-     */
-    set options(value: TOption[]);
-    /**
-     * Determines if an option is selected
-     * Subclasses should override this to implement their selection logic
-     *
-     * @param option - The option to check
-     * @returns True if the option is selected
-     * @protected
-     */
-    protected isOptionSelected(option: TOption): boolean;
-    /**
-     * Finds an option by its value
-     *
-     * @param value - The value to search for
-     * @returns The option if found, undefined otherwise
-     * @protected
-     */
-    protected findOptionByValue(value: string): TOption | undefined;
-    /**
-     * Gets all currently selected options
-     *
-     * @returns Array of selected options
-     * @protected
-     */
-    protected getSelectedOptions(): TOption[];
-    /**
-     * Parses options from either props or slot controller
-     * Call this in connectedCallback to initialize options
-     *
-     * @protected
-     */
-    protected parseOptions(): void;
-    /**
-     * Re-parse options when the component updates
-     * This ensures options stay in sync when they change dynamically
-     *
-     * @protected
-     */
-    protected willUpdate(_changedProperties: Map<PropertyKey, unknown>): void;
-}
-
-declare class PktOptionsSlotController implements ReactiveController {
-    host: LitElement & ReactiveControllerHost;
-    nodes: Element[];
-    options: TOption[];
-    generation: number;
-    observer: MutationObserver;
-    constructor(host: LitElement & ReactiveControllerHost);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    private addNode;
-    private createOptions;
-    private handleMutations;
-}
-
-export declare class PktProgressbar extends PktElement implements IPktProgressbar {
-    constructor();
-    ariaLabel: string | null;
-    ariaLabelledby: string | null;
-    ariaValueText: string | null;
-    ariaLive: TAriaLive;
-    id: string;
-    role: TProgressbarRole;
-    skin: TProgressbarSkin;
-    statusPlacement: TProgressbarStatusPlacement;
-    statusType: TProgressbarStatusType;
-    title: string;
-    titlePosition: TProgressbarTitlePosition;
-    valueCurrent: number;
-    valueMax: number;
-    valueMin: number;
-    private labelWidth;
-    private progressbarId;
-    private computedAriaLabelledby;
-    private computedAriaValueText;
-    private labelRef;
-    private progressBarRef;
-    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
-    updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    render(): TemplateResult<1>;
-    private setComputedValues;
-    private syncAttributes;
-    private _handleAttribute;
-}
-
-declare class PktRadioButton extends PktInputElement<Props_7> {
-    inputRef: Ref<HTMLInputElement>;
-    value: string;
-    checkHelptext: string | null;
-    defaultChecked: boolean;
-    hasTile: boolean;
-    checked: boolean | string | null;
-    type: string;
-    tagText: string | null;
-    optionalTag: boolean;
-    optionalText: string;
-    requiredTag: boolean;
-    requiredText: string;
-    _checked: boolean;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    render(): TemplateResult<1>;
-    private toggleChecked;
-}
-export { PktRadioButton }
-export { PktRadioButton as PktRadiobutton }
-
-export declare class PktSelect extends PktOptionsInputElement<{}, TSelectOption> implements IPktSelect {
-    inputRef: Ref<HTMLSelectElement>;
-    value: string;
-    selectedIndex: number | null;
-    selectedOptions: HTMLCollectionOf<HTMLOptionElement> | undefined;
-    constructor();
-    connectedCallback(): void;
-    add(item: HTMLOptionElement, before?: HTMLOptionElement | number): void;
-    remove(item?: number): void;
-    item(index: number): HTMLOptionElement | null | undefined;
-    namedItem(name: string): HTMLOptionElement | null | undefined;
-    showPicker(): void;
-    attributeChangedCallback(name: string, _old: string, value: string): void;
-    update(changedProperties: PropertyValues): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-    private returnNumberOrNull;
-}
-
-/**
- * Base class for Punkt shadow DOM elements
- * @extends LitElement
- */
-declare class PktShadowElement<T = {}> extends LitElement {
-    [key: string]: any;
-    strings: any;
-    role: string | null;
-    /**
-     * Here to support prop typing in Vue
-     */
-    $props: T & Props;
-    /**
-     * Add support for Hot Module Reloading in dev mode
-     */
-    hotReplacedCallback(): void;
-}
-
-export declare class PktTabItem extends PktElementWithSlot<IPktTabItem> implements IPktTabItem {
-    active: boolean;
-    disabled: boolean;
-    href: string;
-    icon: string;
-    controls: string;
-    tag: string;
-    tagSkin: TTabItemSkin;
-    index: number;
-    context?: TabsContext;
-    elementRef: Ref<HTMLAnchorElement | HTMLButtonElement>;
-    constructor();
-    connectedCallback(): void;
-    updated(): void;
-    private handleClick;
-    private handleKeyDown;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktTabs extends PktElementWithSlot<IPktTabs> implements IPktTabs {
-    arrowNav: boolean;
-    disableArrowNav: boolean;
-    private tabRefs;
-    private disabledMap;
-    private tabCount;
-    private get useArrowNav();
-    private context;
-    updated(changedProperties: PropertyValues): void;
-    private registerTab;
-    private isTabDisabled;
-    private findEnabledIndex;
-    private handleClick;
-    private handleKeyUp;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
-    constructor();
-    /**
-     * Element attributes
-     */
-    closeTag: boolean;
-    size: TPktSize;
-    skin: TTagSkin;
-    textStyle: string | null;
-    iconName: string | undefined;
-    type: TTagType;
-    ariaLabel: string | null;
-    buttonTabindex: number | undefined;
-    /**
-     * Element state
-     */
-    _isClosed: boolean;
-    _ariaDescription: string | null;
-    /**
-     * Lifecycle
-     */
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    /**
-     * Element functions
-     */
-    private close;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktTextarea extends PktInputElement<Props_8> {
-    inputRef: Ref<HTMLTextAreaElement>;
-    value: string;
-    autocomplete: string;
-    rows: number | null;
-    counterCurrent: number;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    updated(changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktTextinput extends PktInputElement<Props_9> {
-    inputRef: Ref<HTMLTextAreaElement>;
-    value: string;
-    type: string;
-    size: number | null;
-    autocomplete: string | null;
-    iconNameRight: string | null;
-    prefix: string | null;
-    suffix: string | null;
-    omitSearchIcon: boolean;
-    counterCurrent: number;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    updated(changedProperties: PropertyValues): void;
-    render(): TemplateResult<1>;
-}
-
-export declare class PktTimepicker extends PktInputElement<Props_11> {
-    hiddenInputRef: Ref<HTMLInputElement>;
-    hoursInputRef: Ref<HTMLInputElement>;
-    minutesInputRef: Ref<HTMLInputElement>;
-    buttonRef: Ref<HTMLButtonElement>;
-    /**
-     * Exposes hiddenInputRef as inputRef so the base class validate() method
-     * triggers our manageValidity override automatically after every onChange call.
-     * The hidden input itself is never used for reporting — see manageValidity below.
-     */
-    get inputRef(): Ref<HTMLInputElement>;
-    /**
-     * Overrides the base class manageValidity to solve a focusability problem:
-     * the browser requires the third argument to setValidity (the "anchor") to be
-     * a visible, focusable element — it focuses that element when navigating to an
-     * invalid field. Our hidden input[type=time] cannot receive focus, so passing it
-     * as the anchor would silently fail with "form control is not focusable".
-     */
-    protected manageValidity(_input?: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
-    value: string;
-    hidePicker: boolean;
-    stepArrows: boolean;
-    private _hours;
-    private _minutes;
-    private _isOpen;
-    private _hoursDigitCount;
-    private _hoursFirstDigit;
-    private _minutesDigitCount;
-    private _minutesFirstDigit;
-    private _hasFocus;
-    private _setAriaInvalid;
-    private _outsideClickHandler;
-    private _handleComponentFocusIn;
-    private _handleComponentFocusOut;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues): void;
-    protected updated(changedProperties: PropertyValues): void;
-    protected formResetCallback(): void;
-    private _isValidStep;
-    private _syncDisplayFromValue;
-    private _syncValueFromDisplay;
-    private get _minuteStep();
-    private get _hourOptions();
-    private get _minuteOptions();
-    private _openPopup;
-    private _closePopup;
-    private _togglePopup;
-    private _scrollToSelected;
-    private _focusSelectedOrFirst;
-    private _handleHoursKeydown;
-    private _handleHoursBlur;
-    private _handleMinutesKeydown;
-    private _handleMinutesBlur;
-    private _handleOptionClick;
-    private _focusOptionAndSync;
-    private _handlePopupKeydown;
-    private _stepTime;
-    private _renderOption;
-    private _renderPopup;
-    private _renderContainer;
-    render(): TemplateResult<1>;
-}
-
-declare type Props = ElementProps<PktElement, 'strings' | 'role'>;
-
-declare type Props_10 = ElementProps<PktOptionsInputElement, 'options'>;
-
-declare type Props_11 = ElementProps<PktTimepicker, 'value' | 'hidePicker' | 'stepArrows'>;
-
-declare type Props_2 = ElementProps<PktInputElement, 'defaultValue' | 'disabled' | 'readonly' | 'required' | 'max' | 'maxlength' | 'min' | 'minlength' | 'ariaDescribedBy' | 'ariaLabelledby' | 'name' | 'pattern' | 'placeholder' | 'id' | 'counter' | 'hasError' | 'hasFieldset' | 'inline' | 'optionalTag' | 'requiredTag' | 'skipForwardTestid' | 'useWrapper' | 'fullwidth' | 'counterMaxLength' | 'errorMessage' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'label' | 'optionalText' | 'requiredText' | 'dataTestid'>;
-
-declare type Props_3 = ElementProps<PktCheckbox, 'checkHelptext' | 'defaultChecked' | 'hasTile' | 'isSwitch' | 'labelPosition' | 'hideLabel' | 'tagText' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText'>;
-
-declare type Props_4 = ElementProps<PktDatepicker, 'label' | 'dateformat' | 'multiple' | 'maxlength' | 'range' | 'showRangeLabels' | 'min' | 'max' | 'weeknumbers' | 'withcontrols' | 'excludedates' | 'excludeweekdays' | 'currentmonth' | 'calendarOpen' | 'timezone'>;
-
-declare type Props_5 = ElementProps<PktIcon, 'path' | 'name'>;
-
-declare type Props_6 = ElementProps<PktInputWrapper, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'ariaDescribedby' | 'hasFieldset' | 'useWrapper' | 'role'>;
-
-declare type Props_7 = ElementProps<PktRadioButton, 'checkHelptext' | 'defaultChecked' | 'hasTile' | 'tagText' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText'>;
-
-declare type Props_8 = ElementProps<PktTextarea, 'autocomplete' | 'rows'>;
-
-declare type Props_9 = ElementProps<PktTextinput, 'value' | 'type' | 'size' | 'autocomplete' | 'iconNameRight' | 'prefix' | 'suffix' | 'omitSearchIcon'>;
-
-declare interface TabsContext {
-    /**
-     * Whether arrow navigation is enabled (computed from arrowNav && !disableArrowNav)
-     */
-    useArrowNav: boolean;
-    /**
-     * Register a tab item with the parent tabs container
-     */
-    registerTab: (element: HTMLElement, index: number, disabled?: boolean) => void;
-    /**
-     * Handle click event from a tab item
-     */
-    handleClick: (index: number) => void;
-    /**
-     * Handle keyboard event from a tab item
-     */
-    handleKeyUp: (event: KeyboardEvent, index: number) => void;
-}
-
-declare type TCardImageShape = 'square' | 'round';
-
-declare type TCardPadding = 'none' | 'default';
-
-declare type TCardTagPosition = 'top' | 'bottom';
-
-declare type TCounterPosition = 'top' | 'bottom';
-
-declare type TDay = `${number}${number}`;
-
-export { THeaderMenu }
-
-export { THeaderPosition }
-
-export { THeaderScrollBehavior }
-
-declare type TISODate = `${TYear}-${TMonth}-${TDay}`;
-
-declare type TLinkCardSkin = 'normal' | 'no-padding' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
-
-declare type TMonth = `${number}${number}`;
-
-declare type TOption = {
-    value: string;
-    label: string;
-    selected?: boolean;
-    disabled?: boolean;
-};
-
-export declare type TPktAccordionSkin = TAccordionSkin;
-
-export declare type TPktButtonColor = 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline';
-
-export declare type TPktButtonMode = 'light' | 'dark';
-
-export declare type TPktButtonSize = 'small' | 'medium' | 'large';
-
-export declare type TPktButtonSkin = 'primary' | 'secondary' | 'tertiary';
-
-export declare type TPktButtonState = 'normal' | 'focus' | 'hover' | 'active';
-
-export declare type TPktButtonType = THTMLButtonType;
-
-export declare type TPktButtonVariant = 'label-only' | 'icon-left' | 'icon-right' | 'icon-only' | 'icons-right-and-left';
-
-export { TPktComboboxTagPlacement }
-
-export { TPktHeaderLogOutButtonPlacement }
-
-export declare type TPktHeadingLevel = THeadingLevel;
-
-export declare type TPktHeadingSize = THeadingSize;
-
-declare type TPktHeadingWeight = THeadingWeight;
-
-export declare type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
-
-declare type TPktSize = 'small' | 'medium' | 'large';
-
-export { TProgressbarRole }
-
-export { TProgressbarSkin }
-
-export { TProgressbarStatusPlacement }
-
-export { TProgressbarStatusType }
-
-export { TProgressbarTitlePosition }
-
-export declare type TSelectOption = {
-    value: string;
-    label: string;
-    selected?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-};
-
-export { TSlotMenuVariant }
-
-export declare type TTabItemSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow' | 'grey' | 'gray' | 'blue-light';
-
-export declare type TTagSkin = 'blue' | 'blue-dark' | 'blue-light' | 'green' | 'red' | 'yellow' | 'beige' | 'gray' | 'grey';
-
-export declare type TTagType = THTMLButtonType;
-
-declare type TYear = `${number}${number}${number}${number}`;
-
-export { }
+export * from './components';
+export * from './types';