@nordhealth/components 4.12.0 → 4.12.1

package/lib/src/common/mixins/InputMixin.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import type { LitElement } from 'lit';
 type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
 export declare class InputMixinInterface {
     name?: string;

package/lib/src/common/mixins/NotificationMixin.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import type { Ref } from "lit/directives/ref.js";
+import type { LitElement } from 'lit';
+import type { Ref } from 'lit/directives/ref.js';
 type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
 export declare class NotificationMixinInterface {
     protected dismissed: boolean;

package/lib/src/common/mixins/ReadonlyMixin.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import type { LitElement } from 'lit';
 type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
 export declare class ReadonlyMixinInterface {
     readonly: boolean;

package/lib/src/common/mixins/SizeMixin.d.ts

@@ -1,7 +1,7 @@
-import { LitElement } from "lit";
+import type { LitElement } from 'lit';
 type Constructor<T = Record<string, unknown>> = new (...args: any[]) => T;
 export declare class SizeMixinInterface {
-    size: "s" | "m" | "l";
+    size: 's' | 'm' | 'l';
 }
 export declare function SizeMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<SizeMixinInterface> & T;
 export {};

package/lib/src/common/mixins/TextSelectableMixin.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-import { Ref } from "lit/directives/ref.js";
-import { InputMixinInterface } from "./InputMixin.js";
+import type { LitElement } from 'lit';
+import type { Ref } from 'lit/directives/ref.js';
+import type { InputMixinInterface } from './InputMixin.js';
 type Constructable<T = Record<string, unknown>> = new (...args: any[]) => T;
 export declare class TextSelectableMixinInterface {
     protected textSelectableRef: Ref<HTMLInputElement | HTMLTextAreaElement>;
@@ -9,8 +9,8 @@ export declare class TextSelectableMixinInterface {
     set selectionEnd(value: number | null);
     get selectionEnd(): number | null;
     select(): void;
-    setSelectionRange(start: number | null, end: number | null, direction?: "forward" | "backward" | "none"): void;
-    setRangeText(replacement: string, start?: number, end?: number, selectMode?: "select" | "start" | "end" | "preserve"): void;
+    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
+    setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
 }
 export declare function TextSelectableMixin<T extends Constructable<InputMixinInterface & LitElement>>(superClass: T): Constructable<TextSelectableMixinInterface> & T;
 export {};

package/lib/src/common/positioning.d.ts

@@ -1,7 +1,7 @@
-import { Side, Placement, Alignment } from "@floating-ui/dom";
-export type LogicalSide = "block-end" | "block-start" | "inline-start" | "inline-end";
+import type { Alignment, Placement, Side } from '@floating-ui/dom';
+export type LogicalSide = 'block-end' | 'block-start' | 'inline-start' | 'inline-end';
 export type LogicalSideAlign = `${LogicalSide}-${Alignment}`;
-type Direction = "ltr" | "rtl";
+type Direction = 'ltr' | 'rtl';
 /**
  * Converts a single logical position to a physical position
  */

package/lib/src/common/ref.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "lit/directives/ref.js";
+import type { Ref } from 'lit/directives/ref.js';
 type RefCallback = (el: Element | undefined) => void;
 /**
  * Creates a ref callback which will assign the element to every given ref

package/lib/src/date-picker/DatePicker.d.ts

@@ -1,13 +1,13 @@
-import { LitElement } from "lit";
-import { DaysOfWeek } from "../common/dates.js";
-import "../input/Input.js";
-import "../button/Button.js";
-import "../visually-hidden/VisuallyHidden.js";
-import "../popout/Popout.js";
-import "../stack/Stack.js";
-import "../calendar/Calendar.js";
-import type { DatePredicate } from "../calendar/Calendar.js";
-import { DateAdapter } from "./date-adapter.js";
+import type { DatePredicate } from '../calendar/Calendar.js';
+import type { DateAdapter } from './date-adapter.js';
+import { LitElement } from 'lit';
+import { DaysOfWeek } from '../common/dates.js';
+import '../input/Input.js';
+import '../button/Button.js';
+import '../visually-hidden/VisuallyHidden.js';
+import '../popout/Popout.js';
+import '../stack/Stack.js';
+import '../calendar/Calendar.js';
 declare const DatePicker_base: (new (...args: any[]) => import("../common/mixins/SizeMixin.js").SizeMixinInterface) & (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/ReadonlyMixin.js").ReadonlyMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  *
@@ -136,7 +136,7 @@ export default class DatePicker extends DatePicker_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-date-picker": DatePicker;
+        'nord-date-picker': DatePicker;
     }
 }
 export {};

package/lib/src/date-picker/date-adapter.d.ts

@@ -1,4 +1,4 @@
-import { createDate } from "../common/dates.js";
+import type { createDate } from '../common/dates.js';
 type CreateDate = typeof createDate;
 export type DateParser = (input: string, createDate: CreateDate) => Date | undefined;
 export type DateFormatter = (date: Date) => string;

package/lib/src/divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Divider components are used to separate and distinguish sections of
  * content or groups of menu items. Visually, they look like
@@ -15,12 +15,12 @@ export default class Divider extends LitElement {
     /**
      * The direction of the divider.
      */
-    direction: "vertical" | "horizontal";
+    direction: 'vertical' | 'horizontal';
     firstUpdated(): void;
     private handleDirectionChange;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-divider": Divider;
+        'nord-divider': Divider;
     }
 }

package/lib/src/drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import "../footer/Footer.js";
+import { LitElement } from 'lit';
+import '../footer/Footer.js';
 /**
  * Drawer is used to display context-sensitive actions and  information.
  * Drawer doesn’t block users from completing their task, like a modal would.
@@ -18,11 +18,11 @@ export default class Drawer extends LitElement {
     /**
      * Controls the padding of the drawer component.
      */
-    padding: "m" | "none";
+    padding: 'm' | 'none';
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-drawer": Drawer;
+        'nord-drawer': Drawer;
     }
 }

package/lib/src/dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import "../popout/Popout.js";
+import { LitElement } from 'lit';
+import '../popout/Popout.js';
 declare const Dropdown_base: (new (...args: any[]) => import("../common/mixins/FloatingComponentMixin.js").FloatingMixinInterface) & typeof LitElement;
 /**
  * Dropdown menu displays a list of actions or selectable options for
@@ -32,8 +32,6 @@ export default class Dropdown extends Dropdown_base {
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
-        customElements?: CustomElementRegistry;
-        registry?: CustomElementRegistry;
     };
     private headerSlot;
     private headerEndSlot;
@@ -47,7 +45,7 @@ export default class Dropdown extends Dropdown_base {
      * The size of the dropdown. This affects the minimum and maximum inline-size
      * of the dropdown.
      */
-    size: "s" | "m" | "l";
+    size: 's' | 'm' | 'l';
     /**
      * Set to true to always display the dropdown as a floating overlay, even on smaller viewports.
      */
@@ -74,7 +72,7 @@ export default class Dropdown extends Dropdown_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-dropdown": Dropdown;
+        'nord-dropdown': Dropdown;
     }
 }
 export {};

package/lib/src/dropdown-group/DropdownGroup.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Dropdown group includes all the actions or items in a single dropdown
  * group and is used for grouping items into related categories.
@@ -17,6 +17,6 @@ export default class DropdownGroup extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-dropdown-group": DropdownGroup;
+        'nord-dropdown-group': DropdownGroup;
     }
 }

package/lib/src/dropdown-item/DropdownItem.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, TemplateResult } from "lit";
+import type { TemplateResult } from 'lit';
+import { LitElement } from 'lit';
 declare const DropdownItem_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Dropdown item populates dropdown with actions. Items can be
@@ -30,7 +31,7 @@ export default class DropdownItem extends DropdownItem_base {
      * context of the current one, but if no parent exists, behaves as
      * _self, and finally “top” means the topmost browsing context.
      */
-    target: "_self" | "_blank" | "_parent" | "_top";
+    target: '_self' | '_blank' | '_parent' | '_top';
     /**
      * Makes the component disabled. This prevents users from
      * being able to interact with the component, and conveys
@@ -50,7 +51,7 @@ export default class DropdownItem extends DropdownItem_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-dropdown-item": DropdownItem;
+        'nord-dropdown-item': DropdownItem;
     }
 }
 export {};

package/lib/src/empty-state/EmptyState.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Empty state can be used when there is no data to display to
  * describe what the user can do next. Empty state provides
@@ -14,6 +14,6 @@ export default class EmptyState extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-empty-state": EmptyState;
+        'nord-empty-state': EmptyState;
     }
 }

package/lib/src/fieldset/Fieldset.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Fieldset is used for grouping sets of input components.
  * It is necessary to use a fieldset with radio and checkbox components.
@@ -46,13 +46,13 @@ export default class Fieldset extends LitElement {
     /**
      * The size of the label.
      */
-    size: "s" | "m";
+    size: 's' | 'm';
     render(): import("lit").TemplateResult<1>;
     protected get hasHint(): boolean;
     protected get hasError(): boolean;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-fieldset": Fieldset;
+        'nord-fieldset': Fieldset;
     }
 }

package/lib/src/footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * The footer is a block of designated space for providing additional information or actions that are positioned below the main content.
  *
@@ -15,11 +15,11 @@ export default class Footer extends LitElement {
     /**
      * Controls the size of the footer component.
      */
-    size: "m" | "s";
+    size: 'm' | 's';
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-footer": Footer;
+        'nord-footer': Footer;
     }
 }

package/lib/src/header/Header.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * The header is a block of designated space for labelling the currently
  * viewed context as well as providing primary actions.
@@ -14,11 +14,11 @@ export default class Header extends LitElement {
     /**
      * Controls the size of the header component.
      */
-    size: "m" | "s";
+    size: 'm' | 's';
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-header": Header;
+        'nord-header': Header;
     }
 }

package/lib/src/icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import { IconResolver } from "./IconManager.js";
+import type { IconResolver } from './IconManager.js';
+import { LitElement } from 'lit';
 /**
  * Icons are used to provide additional meaning or in places where text label doesn’t fit.
  * Icon component allows you to display an icon from the Nordicons library.
@@ -41,7 +41,7 @@ export default class Icon extends LitElement {
      * The size of the icon.
      * @default "m"
      */
-    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
     /**
      * The color of the icon.
      * Can accept any valid CSS color value, including custom properties.
@@ -58,6 +58,6 @@ export default class Icon extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-icon": Icon;
+        'nord-icon': Icon;
     }
 }

package/lib/src/index.d.ts

@@ -1,58 +1,58 @@
-export { registerTranslation, isTranslationRegistered } from "./localization/translation.js";
-export type { Translation } from "./localization/translation.js";
-export { default as Badge } from "./badge/Badge.js";
-export { default as Button } from "./button/Button.js";
-export { default as Card } from "./card/Card.js";
-export { default as Input } from "./input/Input.js";
-export { default as Icon } from "./icon/Icon.js";
-export { default as CommandMenu } from "./command-menu/CommandMenu.js";
-export { default as CommandMenuAction } from "./command-menu/CommandMenuAction.js";
-export { default as Select } from "./select/Select.js";
-export { default as Stack } from "./stack/Stack.js";
-export { default as Spinner } from "./spinner/Spinner.js";
-export { default as Table } from "./table/Table.js";
-export { default as VisuallyHidden } from "./visually-hidden/VisuallyHidden.js";
-export { default as Textarea } from "./textarea/Textarea.js";
-export { default as Calendar } from "./calendar/Calendar.js";
-export { default as DatePicker } from "./date-picker/DatePicker.js";
-export { default as Checkbox } from "./checkbox/Checkbox.js";
-export { default as Tooltip } from "./tooltip/Tooltip.js";
-export { default as Fieldset } from "./fieldset/Fieldset.js";
-export { default as Radio } from "./radio/Radio.js";
-export { default as Header } from "./header/Header.js";
-export { default as Message } from "./message/Message.js";
-export { default as NavGroup } from "./nav-group/NavGroup.js";
-export { default as NavItem } from "./nav-item/NavItem.js";
-export { default as Navigation } from "./navigation/Navigation.js";
-export { default as Layout } from "./layout/Layout.js";
-export { default as EmptyState } from "./empty-state/EmptyState.js";
-export { default as Banner } from "./banner/Banner.js";
-export { default as Avatar } from "./avatar/Avatar.js";
-export { default as Progress } from "./progress/Progress.js";
-export { default as ProgressBar } from "./progress-bar/ProgressBar.js";
-export { default as Popout } from "./popout/Popout.js";
-export { default as Dropdown } from "./dropdown/Dropdown.js";
-export { default as DropdownItem } from "./dropdown-item/DropdownItem.js";
-export { default as DropdownGroup } from "./dropdown-group/DropdownGroup.js";
-export { default as TabGroup } from "./tab-group/TabGroup.js";
-export { default as Tab } from "./tab/Tab.js";
-export { default as TabPanel } from "./tab-panel/TabPanel.js";
-export { default as Toggle } from "./toggle/Toggle.js";
-export { default as Modal } from "./modal/Modal.js";
-export { default as Skeleton } from "./skeleton/Skeleton.js";
-export { default as Toast } from "./toast/Toast.js";
-export { default as ToastGroup } from "./toast-group/ToastGroup.js";
-export { default as Divider } from "./divider/Divider.js";
-export { default as Qrcode } from "./qrcode/Qrcode.js";
-export { default as Drawer } from "./drawer/Drawer.js";
-export { default as NavToggle } from "./nav-toggle/NavToggle.js";
-export { default as Range } from "./range/Range.js";
-export { default as ButtonGroup } from "./button-group/ButtonGroup.js";
-export { default as Notification } from "./notification/Notification.js";
-export { default as NotificationGroup } from "./notification-group/NotificationGroup.js";
-export { default as TopBar } from "./top-bar/TopBar.js";
-export { default as Footer } from "./footer/Footer.js";
-export { default as Tag } from "./tag/Tag.js";
-export { default as TagGroup } from "./tag-group/TagGroup.js";
-export { default as SegmentedControl } from "./segmented-control/SegmentedControl.js";
-export { default as SegmentedControlItem } from "./segmented-control-item/SegmentedControlItem.js";
+export { default as Avatar } from './avatar/Avatar.js';
+export { default as Badge } from './badge/Badge.js';
+export { default as Banner } from './banner/Banner.js';
+export { default as ButtonGroup } from './button-group/ButtonGroup.js';
+export { default as Button } from './button/Button.js';
+export { default as Calendar } from './calendar/Calendar.js';
+export { default as Card } from './card/Card.js';
+export { default as Checkbox } from './checkbox/Checkbox.js';
+export { default as CommandMenu } from './command-menu/CommandMenu.js';
+export { default as CommandMenuAction } from './command-menu/CommandMenuAction.js';
+export { default as DatePicker } from './date-picker/DatePicker.js';
+export { default as Divider } from './divider/Divider.js';
+export { default as Drawer } from './drawer/Drawer.js';
+export { default as DropdownGroup } from './dropdown-group/DropdownGroup.js';
+export { default as DropdownItem } from './dropdown-item/DropdownItem.js';
+export { default as Dropdown } from './dropdown/Dropdown.js';
+export { default as EmptyState } from './empty-state/EmptyState.js';
+export { default as Fieldset } from './fieldset/Fieldset.js';
+export { default as Footer } from './footer/Footer.js';
+export { default as Header } from './header/Header.js';
+export { default as Icon } from './icon/Icon.js';
+export { default as Input } from './input/Input.js';
+export { default as Layout } from './layout/Layout.js';
+export { isTranslationRegistered, registerTranslation } from './localization/translation.js';
+export type { Translation } from './localization/translation.js';
+export { default as Message } from './message/Message.js';
+export { default as Modal } from './modal/Modal.js';
+export { default as NavGroup } from './nav-group/NavGroup.js';
+export { default as NavItem } from './nav-item/NavItem.js';
+export { default as NavToggle } from './nav-toggle/NavToggle.js';
+export { default as Navigation } from './navigation/Navigation.js';
+export { default as NotificationGroup } from './notification-group/NotificationGroup.js';
+export { default as Notification } from './notification/Notification.js';
+export { default as Popout } from './popout/Popout.js';
+export { default as ProgressBar } from './progress-bar/ProgressBar.js';
+export { default as Progress } from './progress/Progress.js';
+export { default as Qrcode } from './qrcode/Qrcode.js';
+export { default as Radio } from './radio/Radio.js';
+export { default as Range } from './range/Range.js';
+export { default as SegmentedControlItem } from './segmented-control-item/SegmentedControlItem.js';
+export { default as SegmentedControl } from './segmented-control/SegmentedControl.js';
+export { default as Select } from './select/Select.js';
+export { default as Skeleton } from './skeleton/Skeleton.js';
+export { default as Spinner } from './spinner/Spinner.js';
+export { default as Stack } from './stack/Stack.js';
+export { default as TabGroup } from './tab-group/TabGroup.js';
+export { default as TabPanel } from './tab-panel/TabPanel.js';
+export { default as Tab } from './tab/Tab.js';
+export { default as Table } from './table/Table.js';
+export { default as TagGroup } from './tag-group/TagGroup.js';
+export { default as Tag } from './tag/Tag.js';
+export { default as Textarea } from './textarea/Textarea.js';
+export { default as ToastGroup } from './toast-group/ToastGroup.js';
+export { default as Toast } from './toast/Toast.js';
+export { default as Toggle } from './toggle/Toggle.js';
+export { default as Tooltip } from './tooltip/Tooltip.js';
+export { default as TopBar } from './top-bar/TopBar.js';
+export { default as VisuallyHidden } from './visually-hidden/VisuallyHidden.js';

package/lib/src/input/Input.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 declare const Input_base: (new (...args: any[]) => import("../common/mixins/SizeMixin.js").SizeMixinInterface) & (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/AutocompleteMixin.js").AutocompleteMixinInterface) & (new (...args: any[]) => import("../common/mixins/ReadonlyMixin.js").ReadonlyMixinInterface) & (new (...args: any[]) => import("../common/mixins/TextSelectableMixin.js").TextSelectableMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Inputs are used to allow users to provide text input when the expected input is short.
@@ -30,7 +30,7 @@ export default class Input extends Input_base {
     /**
      * The type of the input.
      */
-    type: "text" | "email" | "password" | "tel" | "url" | "search" | "number" | "unit" | "button";
+    type: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number' | 'unit' | 'button';
     /**
      * Controls whether the input expands to fill the width of its container.
      */
@@ -46,7 +46,7 @@ export default class Input extends Input_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-input": Input;
+        'nord-input': Input;
     }
 }
 export {};

package/lib/src/layout/Layout.d.ts

@@ -1,8 +1,8 @@
-import { LitElement } from "lit";
-import { States } from "../common/fsm.js";
-import "../nav-toggle/NavToggle.js";
+import type { States } from '../common/fsm.js';
+import { LitElement } from 'lit';
+import '../nav-toggle/NavToggle.js';
 declare const navMachine: {
-    transition(currentState: "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked", event: "click" | "close" | "focusin" | "focusout" | "pointerenter" | "pointerleave" | "toggle" | "transitionend" | "open" | "timeout" | "dropdownOpen" | "dropdownClose"): "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked";
+    transition(currentState: "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked", event: "click" | "close" | "focusin" | "focusout" | "pointerenter" | "pointerleave" | "toggle" | "transitionend" | "open" | "dropdownOpen" | "dropdownClose" | "timeout"): "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked";
 };
 type NavState = States<typeof navMachine>;
 /**
@@ -59,7 +59,7 @@ export default class Layout extends LitElement {
      * Controls the padding of the default main section slot. When set to “none”,
      * the nav and header slots will still have padding.
      */
-    padding: "m" | "none";
+    padding: 'm' | 'none';
     /**
      * Controls whether the layout's header has sticky positioning.
      */
@@ -101,7 +101,7 @@ export default class Layout extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-layout": Layout;
+        'nord-layout': Layout;
     }
 }
 export {};

package/lib/src/localization/LocalizeController.d.ts

@@ -1,8 +1,9 @@
-import type { ReactiveController, ReactiveControllerHost } from "lit";
-import { Translation, WellKnownKeys } from "./translation.js";
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { Translation, WellKnownKeys } from './translation.js';
 type Func = (...args: any[]) => any;
 type Result<Type, Key extends keyof Type> = Type[Key] extends Func ? ReturnType<Type[Key]> : Type[Key];
 type FuncParams<Type, K extends keyof Type> = Type[K] extends Func ? Parameters<Type[K]> : [];
+declare function noop(): void;
 export declare class LocalizeController<TComponentName extends Exclude<keyof Translation, WellKnownKeys>> implements ReactiveController {
     private host;
     private options;
@@ -11,7 +12,7 @@ export declare class LocalizeController<TComponentName extends Exclude<keyof Tra
     private observer?;
     private resolvedTranslation;
     constructor(host: ReactiveControllerHost & HTMLElement, options?: {
-        onLangChange: () => void;
+        onLangChange: typeof noop;
     });
     /**
      * The lang of the document or element, with element taking precedence

package/lib/src/localization/en-us.d.ts

@@ -2,7 +2,7 @@ declare const en: {
     $lang: string;
     $name: string;
     $dir: "ltr" | "rtl";
-    "nord-command-menu": {
+    'nord-command-menu': {
         instructions: string;
         inputLabel: string;
         footerArrowKeys: string;
@@ -13,34 +13,34 @@ declare const en: {
         tip: string;
         placeholder: string;
     };
-    "nord-calendar": {
+    'nord-calendar': {
         prevMonthLabel: string;
         nextMonthLabel: string;
         monthSelectLabel: string;
         yearSelectLabel: string;
     };
-    "nord-date-picker": {
+    'nord-date-picker': {
         modalHeading: string;
         closeLabel: string;
         buttonLabel: string;
         selectedDateMessage: string;
     };
-    "nord-modal": {
+    'nord-modal': {
         closeLabel: string;
     };
-    "nord-nav-toggle": {
+    'nord-nav-toggle': {
         label: string;
     };
-    "nord-textarea": {
+    'nord-textarea': {
         remainingCharacters: (remainder: number) => string;
     };
-    "nord-notification": {
+    'nord-notification': {
         dismissLabel: string;
     };
-    "nord-message": {
+    'nord-message': {
         unreadLabel: string;
     };
-    "nord-tag": {
+    'nord-tag': {
         removeLabel: string;
     };
 };

package/lib/src/localization/fi-fi.d.ts

@@ -1,3 +1,3 @@
-import { Translation } from "./translation.js";
+import type { Translation } from './translation.js';
 declare const fi: Translation;
 export default fi;