@oslokommune/punkt-elements 16.9.0 → 16.10.0

package/dist/input-wrapper.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/link.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/linkcard.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/listbox.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/loader.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/messagebox.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/modal-CBEWrAi2.cjs

@@ -0,0 +1,35 @@
+const e=require(`./element-DjtxO-1r.cjs`),t=require(`./class-map-CJ-msbHs.cjs`),n=require(`./element-with-slot-CWoTGA1B.cjs`);require(`./icon-Dr8sfT2X.cjs`);const r=require(`./ref-BaJ0mBT_.cjs`);var i={name:`pkt-modal`,react:`PktModal`,"css-class":`pkt-modal`,isElement:!0,isPureReact:!0,events:{"background-click":{description:`Event som trigges når bakgrunnen trykkes på`},close:{description:`Event som trigges når meldingsboksen lukkes`}},props:{open:{name:`Åpen`,description:`Deklarativ styring av modalens åpen/lukket-tilstand. Kan brukes i stedet for showModal()/close()-metodene.`,type:`boolean`,category:`tech`,default:!1},headingText:{name:`Heading text`,description:`Heading tekst på modalen`,type:`string`,category:`contents`},hideCloseButton:{name:`Gjem 'Lukk'-knapp`,description:`Gjemmer lukkeknappen. Dersom denne er satt til true, vil ikke lukkeknappen vises, og dermed er det viktig at man tilbyr en annen måte som f.eks. en knapp for å lukke modalen på.`,type:`boolean`,category:`ui`,default:!1},closeOnBackdropClick:{name:`Lukk modalen når bakgrunnen trykkes på`,description:`Lukk modalen når bakgrunnen trykkes på`,type:`boolean`,category:`tech`,default:!1},closeButtonSkin:{name:`Stil på lukkeknappen`,description:`Stil på lukkeknappen`,type:[`blue`,`yellow-filled`],category:`ui`,default:`blue`},size:{name:`Størrelse`,description:`Størrelsen på modalen`,type:[`small`,`medium`,`large`,`fit-content`],category:`ui`,default:`medium`},variant:{name:`Variant`,description:`Standard dialog eller skuff`,type:[`dialog`,`drawer`],category:`ui`,default:`dialog`},drawerPosition:{name:`Skuffposisjon`,description:`Posisjonen til skuffen`,type:[`left`,`right`],category:`ui`,default:`right`},transparentBackdrop:{name:`Gjennomsiktig bakgrunn`,description:`Bakgrunnen er gjennomsiktig`,type:`boolean`,category:`ui`,default:!1},removePadding:{name:`Fjern padding`,description:`Fjerner paddingen rundt innholdet i modalen`,type:`boolean`,category:`ui`,default:!1}},slots:{default:{description:`Innholdet i meldingen. Her tilbyr vi støtteklasser for å style 1-3 knapper i modalen.`}}},a=class extends n.t{constructor(){super(),this.open=!1,this.headingText=``,this.removePadding=!1,this.hideCloseButton=i.props.hideCloseButton.default,this.closeOnBackdropClick=i.props.closeOnBackdropClick.default,this.closeButtonSkin=`blue`,this.size=i.props.size.default,this.variant=`dialog`,this.drawerPosition=`right`,this.transparentBackdrop=!1,this.dialogRef=r.t(),this._isOpen=!1,this.close=(e,t=!1)=>{if(!this._isOpen)return;this._isOpen=!1,this.open=!1,document.body.classList.remove(`pkt-modal--open`);let n=document.activeElement;n&&!this.isElementInViewport(n)&&n.scrollIntoView({behavior:`smooth`,block:`nearest`}),this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),t||this.dialogRef.value?.close(),this.requestUpdate()},this.showModal=(e=null)=>{this._isOpen=!0,this.open=!0,this.dialogRef.value?.showModal(),document.body.classList.add(`pkt-modal--open`),this.dispatchEvent(new CustomEvent(`showModal`,{detail:{origin:e},bubbles:!0,composed:!0})),this.requestUpdate()},this._isOpen=!1}async connectedCallback(){super.connectedCallback(),document.addEventListener(`keydown`,this.handleKeyDown.bind(this)),document.addEventListener(`click`,this.handleBackdropClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`click`,this.handleBackdropClick)}updated(e){super.updated(e),e.has(`open`)&&(this.open&&!this._isOpen?this.showModal():!this.open&&this._isOpen&&this.close(new Event(`close`),!1))}async firstUpdated(e){super.firstUpdated(e),this.dialogRef.value&&!window.HTMLDialogElement&&!this.dialogRef.value.showModal&&(`document`in window&&`createElement`in document&&(await Promise.resolve().then(()=>require(`./dialog-polyfill.esm-D3Oinvk0.cjs`)).then(e=>e.default)).registerDialog(this.dialogRef.value),this.dialogRef.value.addEventListener(`close`,()=>{this.close(new Event(`close`),!0)}))}handleKeyDown(e){e.key===`Escape`&&this.close(e)}handleBackdropClick(e){this.closeOnBackdropClick&&e.target===this.dialogRef?.value&&this.close(e)}isElementInViewport(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}render(){let i={"pkt-modal":!0,"pkt-modal--removePadding":this.removePadding??!1,"pkt-modal--noHeadingText":this.headingText===``||this.headingText===void 0,"pkt-modal--noShadow":this.closeButtonSkin===`yellow-filled`,"pkt-modal--transparentBackdrop":this.transparentBackdrop??!1,[`pkt-modal--${this.size}`]:this.size!==void 0,[`pkt-modal__${this.variant}`]:this.variant!==void 0,[`pkt-modal__drawer--${this.drawerPosition}`]:this.variant===`drawer`},a={"pkt-modal__headingText":!0,"pkt-txt-24":!0},o={"pkt-modal__content":!0,"pkt-txt-18-light":!0},s=this.closeButtonSkin===`blue`,c={"pkt-modal__closeButton":!0,[`pkt-modal__closeButton--${this.closeButtonSkin}`]:!0};return e.d`
+      <dialog
+        class=${t.t(i)}
+        ${r.n(this.dialogRef)}
+        aria-labelledby=${this.headingText?`pkt-modal__headingText`:e.l}
+        aria-describedby="pkt-modal__content"
+        @close=${e=>this.close(e,!0)}
+      >
+        <div class="pkt-modal__wrapper">
+          ${this.headingText||!this.hideCloseButton?e.d`<div class="pkt-modal__header">
+                <div class="pkt-modal__header-background"></div>
+                ${this.headingText?e.d`<h1 id="pkt-modal__headingText" class=${t.t(a)}>
+                      ${this.headingText}
+                    </h1>`:e.d`<div class="pkt-modal__headingText"></div>`}
+                ${this.hideCloseButton?e.d`<div class="pkt-modal__noCloseButton"></div>`:e.d`<div class="${t.t(c)}">
+                      <pkt-button
+                        @click=${e=>this.close(e)}
+                        aria-label="close"
+                        iconname="close"
+                        variant="icon-only"
+                        size="medium"
+                        skin=${s?`tertiary`:`primary`}
+                      >
+                        Lukk
+                      </pkt-button>
+                    </div>`}
+              </div>`:e.l}
+          <div class="pkt-modal__container">
+            <div id="pkt-modal__content" class=${t.t(o)}>
+              ${n.n(this)}
+            </div>
+          </div>
+        </div>
+      </dialog>
+    `}};e.r([e.s({type:Boolean,reflect:!0})],a.prototype,`open`,void 0),e.r([e.s({type:String})],a.prototype,`headingText`,void 0),e.r([e.s({type:Boolean})],a.prototype,`removePadding`,void 0),e.r([e.s({type:Boolean})],a.prototype,`hideCloseButton`,void 0),e.r([e.s({type:Boolean})],a.prototype,`closeOnBackdropClick`,void 0),e.r([e.s({type:String})],a.prototype,`closeButtonSkin`,void 0),e.r([e.s({type:String})],a.prototype,`size`,void 0),e.r([e.s({type:String})],a.prototype,`variant`,void 0),e.r([e.s({type:String})],a.prototype,`drawerPosition`,void 0),e.r([e.s({type:Boolean})],a.prototype,`transparentBackdrop`,void 0),e.r([e.o()],a.prototype,`_isOpen`,void 0);try{e.c(`pkt-modal`)(a)}catch{console.warn(`Forsøker å definere <pkt-modal>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/{modal-C_wtsh9m.js → modal-pPp8nia6.js}

@@ -54,7 +54,8 @@ var d = {
 			type: [
 				"small",
 				"medium",
-				"large"
+				"large",
+				"fit-content"
 			],
 			category: "ui",
 			default: "medium"
@@ -183,10 +184,9 @@ var d = {
                     </div>`}
               </div>` : n}
           <div class="pkt-modal__container">
-            <div
-              id="pkt-modal__content"
-              class=${o(i)}
-            >${s(this)}</div>
+            <div id="pkt-modal__content" class=${o(i)}>
+              ${s(this)}
+            </div>
           </div>
         </div>
       </dialog>

package/dist/modal.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/pkt-index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./alert-BEEnTiCb.cjs`),t=require(`./icon-Dr8sfT2X.cjs`),n=require(`./button-D-TOBaJB.cjs`),r=require(`./accordion-BB1JrONI.cjs`),i=require(`./backlink-Ba03LlbB.cjs`),a=require(`./breadcrumbs-CD1zib3s.cjs`),o=require(`./calendar-E5jJLt8D.cjs`),s=require(`./card-CUFhMVim.cjs`),c=require(`./tag-DLthw5b4.cjs`),l=require(`./heading-BgSWIRii.cjs`),u=require(`./combobox-CGbFTWq_.cjs`),d=require(`./header-DWgPgGfS.cjs`),f=require(`./datepicker-DpmlsnH_.cjs`),p=require(`./helptext-D-3QfZv5.cjs`),m=require(`./input-wrapper-BRuVELpK.cjs`),h=require(`./consent-hwu7pp3S.cjs`),g=require(`./checkbox-BARDb9iV.cjs`),_=require(`./link-CyTCpI0k.cjs`),v=require(`./textinput-DFh8_9cx.cjs`),y=require(`./linkcard-BE4-FewK.cjs`),b=require(`./loader-CX2rsC01.cjs`),x=require(`./messagebox-Din9X53b.cjs`),S=require(`./modal-DS_wUOIv.cjs`),C=require(`./progressbar-CdXtmOBb.cjs`),w=require(`./radiobutton-GOnpUbCW.cjs`),T=require(`./tabs-COwm9b3n.cjs`),E=require(`./textarea-D7aGOyDf.cjs`),D=require(`./select-C2i8sOk5.cjs`),O=require(`./timepicker-BIfE7KKJ.cjs`);exports.PktAccordion=r.r,exports.PktAccordionItem=r.n,exports.PktAlert=e.n,exports.PktBackLink=i.n,exports.PktBreadcrumbs=a.t,exports.PktButton=n.n,exports.PktCalendar=o.n,exports.PktCard=s.n,exports.PktCheckbox=g.n,exports.PktCombobox=u.n,exports.PktConsent=h.n,exports.PktDateTags=f.a,exports.PktDatepicker=f.t,exports.PktHeader=d.t,exports.PktHeaderService=d.n,exports.PktHeaderUserMenu=d.r,exports.PktHeading=l.n,exports.PktHelptext=p.n,exports.PktIcon=t.n,exports.PktInputWrapper=m.n,exports.PktLink=_.n,exports.PktLinkCard=y.n,exports.PktLoader=b.n,exports.PktMessagebox=x.n,exports.PktModal=S.n,exports.PktProgressbar=C.n,exports.PktRadioButton=w.n,exports.PktRadiobutton=w.n,exports.PktSelect=D.n,exports.PktTabItem=T.n,exports.PktTabs=T.r,exports.PktTag=c.n,exports.PktTextarea=E.n,exports.PktTextinput=v.n,exports.PktTimepicker=O.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./alert-BEEnTiCb.cjs`),t=require(`./icon-Dr8sfT2X.cjs`),n=require(`./button-D-TOBaJB.cjs`),r=require(`./accordion-BB1JrONI.cjs`),i=require(`./backlink-Ba03LlbB.cjs`),a=require(`./breadcrumbs-CD1zib3s.cjs`),o=require(`./calendar-E5jJLt8D.cjs`),s=require(`./card-CUFhMVim.cjs`),c=require(`./tag-DLthw5b4.cjs`),l=require(`./heading-BgSWIRii.cjs`),u=require(`./combobox-CGbFTWq_.cjs`),d=require(`./header-DWgPgGfS.cjs`),f=require(`./datepicker-DpmlsnH_.cjs`),p=require(`./helptext-D-3QfZv5.cjs`),m=require(`./input-wrapper-BRuVELpK.cjs`),h=require(`./consent-hwu7pp3S.cjs`),g=require(`./checkbox-BARDb9iV.cjs`),_=require(`./link-CyTCpI0k.cjs`),v=require(`./textinput-DFh8_9cx.cjs`),y=require(`./linkcard-BE4-FewK.cjs`),b=require(`./loader-CX2rsC01.cjs`),x=require(`./messagebox-Din9X53b.cjs`),S=require(`./modal-CBEWrAi2.cjs`),C=require(`./progressbar-CdXtmOBb.cjs`),w=require(`./radiobutton-GOnpUbCW.cjs`),T=require(`./tabs-COwm9b3n.cjs`),E=require(`./textarea-D7aGOyDf.cjs`),D=require(`./select-C2i8sOk5.cjs`),O=require(`./timepicker-BIfE7KKJ.cjs`);exports.PktAccordion=r.r,exports.PktAccordionItem=r.n,exports.PktAlert=e.n,exports.PktBackLink=i.n,exports.PktBreadcrumbs=a.t,exports.PktButton=n.n,exports.PktCalendar=o.n,exports.PktCard=s.n,exports.PktCheckbox=g.n,exports.PktCombobox=u.n,exports.PktConsent=h.n,exports.PktDateTags=f.a,exports.PktDatepicker=f.t,exports.PktHeader=d.t,exports.PktHeaderService=d.n,exports.PktHeaderUserMenu=d.r,exports.PktHeading=l.n,exports.PktHelptext=p.n,exports.PktIcon=t.n,exports.PktInputWrapper=m.n,exports.PktLink=_.n,exports.PktLinkCard=y.n,exports.PktLoader=b.n,exports.PktMessagebox=x.n,exports.PktModal=S.n,exports.PktProgressbar=C.n,exports.PktRadioButton=w.n,exports.PktRadiobutton=w.n,exports.PktSelect=D.n,exports.PktTabItem=T.n,exports.PktTabs=T.r,exports.PktTag=c.n,exports.PktTextarea=E.n,exports.PktTextinput=v.n,exports.PktTimepicker=O.t;

package/dist/pkt-index.js

@@ -20,7 +20,7 @@ import { n as S } from "./textinput-BUgntXnM.js";
 import { n as C } from "./linkcard-B0KOGaGj.js";
 import { n as w } from "./loader-6kFZUErT.js";
 import { n as T } from "./messagebox-Cwlg5sOr.js";
-import { n as E } from "./modal-C_wtsh9m.js";
+import { n as E } from "./modal-pPp8nia6.js";
 import { n as D } from "./progressbar-Dy9AiYQz.js";
 import { n as O } from "./radiobutton-V_KPbup_.js";
 import { n as k, r as A } from "./tabs-C0DWPmn2.js";

package/dist/pkt-modal.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./modal-DS_wUOIv.cjs`);exports.PktModal=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./modal-CBEWrAi2.cjs`);exports.PktModal=e.n,exports.default=e.t;

package/dist/pkt-modal.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./modal-C_wtsh9m.js";
+import { n as e, t } from "./modal-pPp8nia6.js";
 export { e as PktModal, t as default };

package/dist/progressbar.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/radiobutton.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/select.d.ts

@@ -1 +1 @@
-export { }
+export {}

package/dist/shared-types/aria.d.ts

@@ -0,0 +1,65 @@
+/**
+ * aria.ts
+ *
+ * Type definitions for ARIA attributes and roles.
+ * These follow the WAI-ARIA specification and are used across all Punkt components.
+ */
+export type TAriaBoolean = boolean | 'true' | 'false';
+export type TAriaBooleanMixed = TAriaBoolean | 'mixed';
+export type TAriaCurrent = TAriaBoolean | 'page' | 'step' | 'location' | 'date' | 'time';
+export type TAriaHasPopup = TAriaBoolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+export type TAriaInvalid = TAriaBoolean | 'grammar' | 'spelling';
+export type TAriaLive = 'off' | 'polite' | 'assertive';
+export type TAriaRelevant = 'additions' | 'removals' | 'text' | 'all';
+export type TAriaSort = 'none' | 'ascending' | 'descending' | 'other';
+export type TAriaAutoComplete = 'none' | 'inline' | 'list' | 'both';
+export type TAriaOrientation = 'horizontal' | 'vertical';
+export interface IAriaAttributes {
+    'aria-activedescendant'?: string;
+    'aria-controls'?: string;
+    'aria-describedby'?: string;
+    'aria-details'?: string;
+    'aria-errormessage'?: string;
+    'aria-flowto'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-owns'?: string;
+    'aria-roledescription'?: string;
+    'aria-autocomplete'?: TAriaAutoComplete;
+    'aria-checked'?: TAriaBooleanMixed;
+    'aria-current'?: TAriaCurrent;
+    'aria-disabled'?: TAriaBoolean;
+    'aria-expanded'?: TAriaBoolean;
+    'aria-haspopup'?: TAriaHasPopup;
+    'aria-hidden'?: TAriaBoolean;
+    'aria-invalid'?: TAriaInvalid;
+    'aria-keyshortcuts'?: string;
+    'aria-level'?: number;
+    'aria-modal'?: TAriaBoolean;
+    'aria-multiline'?: TAriaBoolean;
+    'aria-multiselectable'?: TAriaBoolean;
+    'aria-orientation'?: TAriaOrientation;
+    'aria-placeholder'?: string;
+    'aria-pressed'?: TAriaBooleanMixed;
+    'aria-readonly'?: TAriaBoolean;
+    'aria-required'?: TAriaBoolean;
+    'aria-selected'?: TAriaBoolean;
+    'aria-sort'?: TAriaSort;
+    'aria-atomic'?: TAriaBoolean;
+    'aria-busy'?: TAriaBoolean;
+    'aria-live'?: TAriaLive;
+    'aria-relevant'?: TAriaRelevant | string;
+    'aria-colcount'?: number;
+    'aria-colindex'?: number;
+    'aria-colspan'?: number;
+    'aria-rowcount'?: number;
+    'aria-rowindex'?: number;
+    'aria-rowspan'?: number;
+    'aria-posinset'?: number;
+    'aria-setsize'?: number;
+    'aria-valuemax'?: number;
+    'aria-valuemin'?: number;
+    'aria-valuenow'?: number;
+    'aria-valuetext'?: string;
+}
+export type TAlertRole = 'alert' | 'status';

package/dist/shared-types/booleanish.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Booleanish type that accepts boolean or string "true"/"false"
+ * This allows attributes to be set as strings in HTML
+ */
+export type Booleanish = boolean | 'true' | 'false';
+/**
+ * Converter for booleanish attributes
+ * Converts string "true"/"false" to boolean values
+ */
+export declare const booleanishConverter: {
+    fromAttribute(value: string | boolean | null): boolean;
+    toAttribute(value: boolean): string | null;
+};

package/dist/shared-types/calendar.d.ts

@@ -0,0 +1,41 @@
+/**
+ * calendar.ts
+ *
+ * Type definitions for the calendar component.
+ * Used by both Elements and React calendar implementations
+ * and by the shared calendar helper functions.
+ */
+export interface IDateConstraints {
+    earliest: string | null;
+    latest: string | null;
+    excludedates: Date[];
+    excludeweekdays: string[];
+}
+export interface ICalendarGridDimensions {
+    firstDayOfMonth: Date;
+    lastDayOfMonth: Date;
+    startingDay: number;
+    numDays: number;
+    numRows: number;
+    numDaysPrevMonth: number;
+    initialWeek: number;
+}
+export interface IGridCellPosition {
+    rowIndex: number;
+    colIndex: number;
+}
+export type TDateRangeMap = {
+    [key: string]: boolean;
+};
+export interface ISelectionState {
+    selected: string[];
+    _selected: Date[];
+    inRange: TDateRangeMap;
+}
+export interface ISelectionOptions {
+    multiple: boolean;
+    maxMultiple: number;
+    range: boolean;
+    excludedates: Date[];
+    excludeweekdays: string[];
+}

package/dist/shared-types/combobox.d.ts

@@ -0,0 +1,34 @@
+/**
+ * combobox.ts
+ *
+ * Type definitions for the combobox and listbox components.
+ * Used by both Elements and React implementations
+ * and by the shared combobox helper functions.
+ */
+/**
+ * Tag skin colors available for combobox option tags.
+ * Matches the TTagSkin values from the tag component.
+ */
+export type TPktComboboxTagSkin = 'blue' | 'blue-dark' | 'blue-light' | 'green' | 'red' | 'yellow' | 'beige' | 'gray' | 'grey';
+/**
+ * Represents a single option in a combobox or listbox.
+ */
+export interface IPktComboboxOption {
+    description?: string;
+    disabled?: boolean;
+    fulltext?: string;
+    label?: string;
+    prefix?: string;
+    selected?: boolean;
+    tagSkinColor?: TPktComboboxTagSkin;
+    userAdded?: boolean;
+    value: string;
+}
+/**
+ * How the selected value is displayed in the combobox input.
+ */
+export type TPktComboboxDisplayValue = 'label' | 'value' | 'prefixAndValue';
+/**
+ * Placement of selected value tags in multiple selection mode.
+ */
+export type TPktComboboxTagPlacement = 'inside' | 'outside';

package/dist/shared-types/datepicker.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Internationalization strings for the datepicker component family.
+ * Shared between Elements and React packages.
+ */
+export interface IDatepickerStrings {
+    /** Calendar-related strings */
+    calendar?: {
+        /** Alt text for calendar button */
+        buttonAltText?: string;
+    };
+    /** Generic UI strings (used in range datepicker) */
+    generic?: {
+        /** Label for range start input */
+        from?: string;
+        /** Label for range end input */
+        to?: string;
+    };
+    /** Form validation messages */
+    forms?: {
+        messages?: {
+            /** Error message when date is before minimum */
+            rangeUnderflow?: string;
+            /** Error message when date is after maximum */
+            rangeOverflow?: string;
+            /** Error message for invalid date format */
+            badInput?: string;
+            /** Error message when required field is empty */
+            valueMissing?: string;
+        };
+    };
+    /** Date-related strings */
+    dates?: {
+        /** Month label */
+        month?: string;
+        /** Year label */
+        year?: string;
+    };
+}
+/**
+ * Default strings for single/multiple datepicker
+ */
+export declare const defaultSingleStrings: IDatepickerStrings;
+/**
+ * Default strings for range datepicker
+ */
+export declare const defaultRangeStrings: IDatepickerStrings;

package/dist/shared-types/form.d.ts

@@ -0,0 +1,16 @@
+/**
+ * form.ts
+ *
+ * Type definitions for HTML form elements and controls.
+ * These follow HTML standards for form element types.
+ */
+/**
+ * HTML button type attribute values
+ * Used for <button type="..."> and similar elements
+ */
+export type THTMLButtonType = 'button' | 'submit' | 'reset';
+/**
+ * Selection mode for form controls
+ * Used in components that support single, multiple, or range selection
+ */
+export type TSelectionMode = 'single' | 'multiple' | 'range';

package/dist/shared-types/header.d.ts

@@ -0,0 +1,88 @@
+/**
+ * header.ts
+ *
+ * Type definitions for header-related domain models.
+ * These represent user, organization, and menu item data structures.
+ */
+/**
+ * User object containing information about the logged-in user
+ */
+export interface User {
+    /** Full name of the user */
+    name: string;
+    /** Short name or initials (deprecated) */
+    shortname?: string;
+    /** Last login timestamp (ISO string or Date) */
+    lastLoggedIn?: Date | string;
+}
+/**
+ * Representation object containing information about the organization/entity being represented
+ */
+export interface Representing {
+    /** Name of the organization or entity */
+    name: string;
+    /** Short name or initials (deprecated) */
+    shortname?: string;
+    /** Organization number */
+    orgNumber?: string | number;
+}
+/**
+ * Menu item in the user menu
+ * The iconName will be typed as PktIconName in package-specific implementations
+ */
+export interface UserMenuItem<IconType = string> {
+    /** Icon name to display */
+    iconName?: IconType;
+    /** Text for the menu item */
+    title: string;
+    /** Link URL or click handler function */
+    target: string | (() => void);
+}
+/**
+ * Internal type for rendering links/buttons (supports both href and onClick)
+ * Base interface for discriminated union
+ */
+export interface InternalMenuItemBase<IconType = string> {
+    title: string;
+    iconName?: IconType;
+}
+/**
+ * Internal menu item that is a link
+ */
+export interface InternalMenuLink<IconType = string> extends InternalMenuItemBase<IconType> {
+    href: string;
+}
+/**
+ * Internal menu item that is a button
+ */
+export interface InternalMenuButton<IconType = string> extends InternalMenuItemBase<IconType> {
+    onClick: () => void;
+}
+/**
+ * Union type for internal menu items (discriminated by href vs onClick)
+ */
+export type TInternalMenuItem<IconType = string> = InternalMenuLink<IconType> | InternalMenuButton<IconType>;
+/**
+ * Helper to convert UserMenuItem (with target) to internal format
+ */
+export declare const convertUserMenuItem: <IconType = string>(item: UserMenuItem<IconType>) => TInternalMenuItem<IconType>;
+/**
+ * Variant for the slot menu button in tablet/mobile mode
+ */
+export type TSlotMenuVariant = 'icon-only' | 'icon-right';
+/**
+ * Type for which menu is currently open in the header
+ */
+export type THeaderMenu = 'none' | 'slot' | 'search' | 'user';
+/**
+ * Placement options for the logout button
+ */
+export type TLogOutButtonPlacement = 'userMenu' | 'header' | 'both' | 'none';
+/**
+ * Position options for the header
+ */
+export type THeaderPosition = 'fixed' | 'relative';
+/**
+ * Scroll behavior options for the header
+ */
+export type THeaderScrollBehavior = 'hide' | 'none';

package/dist/shared-types/heading.d.ts

@@ -0,0 +1,9 @@
+/**
+ * heading.ts
+ *
+ * Type definitions for heading-related types.
+ * These represent HTML heading semantics (h1-h6) and typography scales.
+ */
+export type THeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type THeadingSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type THeadingWeight = 'light' | 'regular' | 'medium' | 'bold';

package/dist/shared-types/index.d.ts

@@ -0,0 +1,17 @@
+export type { Booleanish } from './booleanish';
+export { booleanishConverter } from './booleanish';
+export type { TAriaBoolean, TAriaBooleanMixed, TAriaCurrent, TAriaHasPopup, TAriaInvalid, TAriaLive, TAriaRelevant, TAriaSort, TAriaAutoComplete, TAriaOrientation, IAriaAttributes, TAlertRole, } from './aria';
+export type { THeadingLevel, THeadingSize, THeadingWeight } from './heading';
+export type { User, Representing, UserMenuItem, InternalMenuItemBase, InternalMenuLink, InternalMenuButton, TInternalMenuItem, TSlotMenuVariant, THeaderMenu, TLogOutButtonPlacement, THeaderPosition, THeaderScrollBehavior, } from './header';
+export { convertUserMenuItem } from './header';
+export type { TLayout, TVerticalPosition, THorizontalPosition, TPosition, TPositionWithCenter, } from './layout';
+export type { THTMLButtonType, TSelectionMode } from './form';
+export type { TSize3, TSize5, TSize7 } from './size';
+export type { TAlertSkin, TMessageboxSkin, TAccordionSkin, TCardSkin } from './skin';
+export type { IDateConstraints, ICalendarGridDimensions, IGridCellPosition, TDateRangeMap, ISelectionState, ISelectionOptions, } from './calendar';
+export type { IDatepickerStrings } from './datepicker';
+export { defaultSingleStrings, defaultRangeStrings } from './datepicker';
+export type { ITimepickerStrings } from './timepicker';
+export { defaultTimepickerStrings } from './timepicker';
+export type { TProgressbarRole, TProgressbarSkin, TProgressbarStatusPlacement, TProgressbarStatusType, TProgressbarTitlePosition, } from './progressbar';
+export type { IPktComboboxOption, TPktComboboxTagSkin, TPktComboboxDisplayValue, TPktComboboxTagPlacement, } from './combobox';

package/dist/shared-types/layout.d.ts

@@ -0,0 +1,26 @@
+/**
+ * layout.ts
+ *
+ * Type definitions for layout and positioning.
+ * These represent common layout patterns used across components.
+ */
+/**
+ * Layout direction - vertical or horizontal orientation
+ */
+export type TLayout = 'vertical' | 'horizontal';
+/**
+ * Generic positioning type for top/bottom placement
+ */
+export type TVerticalPosition = 'top' | 'bottom';
+/**
+ * Generic positioning type for left/right placement
+ */
+export type THorizontalPosition = 'left' | 'right';
+/**
+ * Generic positioning type for all four directions
+ */
+export type TPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Generic positioning including center
+ */
+export type TPositionWithCenter = TPosition | 'center';

package/dist/shared-types/progressbar.d.ts

@@ -0,0 +1,5 @@
+export type TProgressbarRole = 'progressbar' | 'meter';
+export type TProgressbarSkin = 'dark-blue' | 'light-blue' | 'green' | 'red';
+export type TProgressbarStatusPlacement = 'center' | 'left' | 'following';
+export type TProgressbarStatusType = 'none' | 'percentage' | 'fraction';
+export type TProgressbarTitlePosition = 'left' | 'center';

package/dist/shared-types/size.d.ts

@@ -0,0 +1,18 @@
+/**
+ * size.ts
+ *
+ * Type definitions for sizing scales.
+ * These represent common size scales used across the design system.
+ */
+/**
+ * Standard 3-level size scale
+ */
+export type TSize3 = 'small' | 'medium' | 'large';
+/**
+ * Extended 5-level size scale
+ */
+export type TSize5 = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+/**
+ * Full 7-level size scale
+ */
+export type TSize7 = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';

package/dist/shared-types/skin.d.ts

@@ -0,0 +1,24 @@
+/**
+ * skin.ts
+ *
+ * Type definitions for component skin/color variants.
+ * Only includes skin types that are identical across packages.
+ * Component-specific skin types should remain in their respective component files.
+ */
+/**
+ * Alert component skin variants
+ * Used for semantic color coding of alerts (error, success, warning, info)
+ */
+export type TAlertSkin = 'error' | 'success' | 'warning' | 'info';
+/**
+ * Messagebox component skin variants
+ */
+export type TMessageboxSkin = 'beige' | 'blue' | 'red' | 'green';
+/**
+ * Accordion component skin variants
+ */
+export type TAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue';
+/**
+ * Card component skin variants
+ */
+export type TCardSkin = 'outlined' | 'outlined-beige' | 'gray' | 'beige' | 'green' | 'blue';

package/dist/shared-types/timepicker.d.ts

@@ -0,0 +1,20 @@
+/**
+ * timepicker.ts
+ *
+ * Type definitions for the timepicker component.
+ * Used by both Elements and React implementations.
+ */
+/**
+ * Translation strings for the timepicker component.
+ * Matches the shape of the `timepicker` key in no.json.
+ */
+export interface ITimepickerStrings {
+    hours: string;
+    minutes: string;
+    openPicker: string;
+    prevTime: string;
+    nextTime: string;
+    selectTime: string;
+}
+/** Default labels (Norwegian Bokmål), aligned with `packages/elements/src/translations/no.json`. */
+export declare const defaultTimepickerStrings: ITimepickerStrings;

package/dist/shared-utils/calendar/calendar-grid.d.ts

@@ -0,0 +1,16 @@
+import type { ICalendarGridDimensions } from '../../shared-types/calendar';
+export type { ICalendarGridDimensions, IGridCellPosition } from '../../shared-types/calendar';
+export declare const DAYS_PER_WEEK = 7;
+export declare const MONDAY_OFFSET = 6;
+/**
+ * Calculate the dimensions and structure of the calendar grid
+ */
+export declare function calculateCalendarDimensions(year: number, month: number): ICalendarGridDimensions;
+/**
+ * Determine what type of cell to render at a given position
+ */
+export declare function getCellType(rowIndex: number, colIndex: number, dayCounter: number, gridDimensions: ICalendarGridDimensions): 'prev-month' | 'current-month' | 'next-month';
+/**
+ * Get the day number to display for a given cell
+ */
+export declare function getDayNumber(cellType: 'prev-month' | 'current-month' | 'next-month', colIndex: number, dayCounter: number, gridDimensions: ICalendarGridDimensions): number;

package/dist/shared-utils/calendar/date-validation.d.ts

@@ -0,0 +1,22 @@
+import type { IDateConstraints } from '../../shared-types/calendar';
+export type { IDateConstraints } from '../../shared-types/calendar';
+/**
+ * Check if a date is excluded based on constraints
+ */
+export declare function isDateExcluded(date: Date, constraints: IDateConstraints): boolean;
+/**
+ * Check if a day should be disabled for selection
+ */
+export declare function isDayDisabled(date: Date, isSelected: boolean, constraints: IDateConstraints, options: {
+    multiple: boolean;
+    maxMultiple: number;
+    selectedCount: number;
+}): boolean;
+/**
+ * Check if navigation to previous month is allowed
+ */
+export declare function isPrevMonthAllowed(year: number, month: number, earliest: string | null): boolean;
+/**
+ * Check if navigation to next month is allowed
+ */
+export declare function isNextMonthAllowed(year: number, month: number, latest: string | null): boolean;

package/dist/shared-utils/calendar/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Calendar Helper Exports
+ *
+ * This module re-exports all calendar helper functions and types
+ * to provide a single import point for calendar-related utilities.
+ */
+export { isDateExcluded, isDayDisabled, isPrevMonthAllowed, isNextMonthAllowed, type IDateConstraints, } from './date-validation';
+export { DAYS_PER_WEEK, MONDAY_OFFSET, calculateCalendarDimensions, getCellType, getDayNumber, type ICalendarGridDimensions, type IGridCellPosition, } from './calendar-grid';
+export { convertSelectedToDates, updateRangeMap, isRangeAllowed, addToSelection, removeFromSelection, toggleSelection, handleRangeSelection, type TDateRangeMap, type ISelectionState, type ISelectionOptions, } from './selection-manager';
+export { KEY_DIRECTION_MAP, shouldIgnoreKeyboardEvent, findNextSelectableDate, getKeyDirection, } from './keyboard-navigation';