kanto-ds 1.4.0 → 1.5.2

package/dist/icons/defaults.d.ts

@@ -2,6 +2,7 @@
 export declare const defaultIcons: {
     ArrowDown: import("lucide").IconNode;
     ArrowUp: import("lucide").IconNode;
+    Calendar: import("lucide").IconNode;
     Check: import("lucide").IconNode;
     ChevronDown: import("lucide").IconNode;
     ChevronLeft: import("lucide").IconNode;

package/dist/icons/index.js

@@ -1,4 +1,4 @@
-import { d as a, g as r, r as o, a as t, b as c, t as g } from "../chunks/defaults-BwgjMcww.js";
+import { d as a, g as r, r as o, a as t, b as c, t as g } from "../chunks/defaults-CFrjqae2.js";
 export {
   a as defaultIcons,
   r as getIcon,

package/dist/index.d.ts

@@ -21,6 +21,10 @@ export { KtIcon } from './components/core/kt-icon/kt-icon.js';
 export { KtKbd } from './components/core/kt-kbd/kt-kbd.js';
 export { KtCheckbox } from './components/forms/kt-checkbox/kt-checkbox.js';
 export type { KtCheckboxSize } from './components/forms/kt-checkbox/kt-checkbox.js';
+export { KtCalendar } from './components/forms/kt-calendar/kt-calendar.js';
+export type { KtCalendarView } from './components/forms/kt-calendar/kt-calendar.js';
+export { KtDatePicker } from './components/forms/kt-date-picker/kt-date-picker.js';
+export type { KtDatePickerSize } from './components/forms/kt-date-picker/kt-date-picker.js';
 export { KtDragDrop } from './components/forms/kt-drag-drop/kt-drag-drop.js';
 export { KtForm } from './components/forms/kt-form/kt-form.js';
 export { KtInput } from './components/forms/kt-input/kt-input.js';

package/dist/index.js

@@ -7,102 +7,106 @@ import { KtCode as i } from "./components/core/kt-code/kt-code.js";
 import { KtIcon as l } from "./components/core/kt-icon/kt-icon.js";
 import { KtKbd as u } from "./components/core/kt-kbd/kt-kbd.js";
 import { KtCheckbox as T } from "./components/forms/kt-checkbox/kt-checkbox.js";
-import { KtDragDrop as I } from "./components/forms/kt-drag-drop/kt-drag-drop.js";
-import { KtForm as C } from "./components/forms/kt-form/kt-form.js";
-import { KtInput as D } from "./components/forms/kt-input/kt-input.js";
-import { KtInputMenu as P } from "./components/forms/kt-input-menu/kt-input-menu.js";
-import { KtLabelInput as h } from "./components/forms/kt-label-input/kt-label-input.js";
-import { KtRadio as v, KtRadioGroup as A } from "./components/forms/kt-radio-group/kt-radio-group.js";
-import { KtSelect as H } from "./components/forms/kt-select/kt-select.js";
-import { KtTextarea as w } from "./components/forms/kt-textarea/kt-textarea.js";
-import { KtToggle as F } from "./components/forms/kt-toggle/kt-toggle.js";
-import { KtBreadcrumb as N } from "./components/navigation/kt-breadcrumb/kt-breadcrumb.js";
-import { KtPageHeader as q } from "./components/navigation/kt-page-header/kt-page-header.js";
-import { KtSegmentedControl as J } from "./components/navigation/kt-segmented-control/kt-segmented-control.js";
-import { KtSubMenuNavigation as Q } from "./components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
-import { KtTabs as V } from "./components/navigation/kt-tabs/kt-tabs.js";
-import { KtHeader as X } from "./components/navigation/kt-header/kt-header.js";
-import { KtToggleButton as Z } from "./components/navigation/kt-toggle-button/kt-toggle-button.js";
-import { KtToggleButtonGroup as $ } from "./components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
-import { KtAlert as ot } from "./components/feedback/kt-alert/kt-alert.js";
-import { KtEmptyState as et } from "./components/feedback/kt-empty-state/kt-empty-state.js";
-import { KtProgressBar as mt } from "./components/feedback/kt-progress-bar/kt-progress-bar.js";
-import { KtSkeleton as xt } from "./components/feedback/kt-skeleton/kt-skeleton.js";
-import { KtToast as at } from "./components/feedback/kt-toast/kt-toast.js";
-import { KtToastContainer as st } from "./components/feedback/kt-toast-container/kt-toast-container.js";
-import { t as gt } from "./chunks/toaster-PmdKSV5x.js";
-import { KtTooltip as dt } from "./components/feedback/kt-tooltip/kt-tooltip.js";
-import { KtCollapsible as St } from "./components/overlays/kt-collapsible/kt-collapsible.js";
-import { KtConfirmDialog as bt } from "./components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
-import { KtDropdown as ct } from "./components/overlays/kt-dropdown/kt-dropdown.js";
-import { KtModal as Bt } from "./components/overlays/kt-modal/kt-modal.js";
-import { KtSidePanel as Mt } from "./components/overlays/kt-side-panel/kt-side-panel.js";
-import { KtChart as Et } from "./components/data/kt-chart/kt-chart.js";
-import { KtMeter as kt } from "./components/data/kt-meter/kt-meter.js";
-import { KtPagination as At } from "./components/data/kt-pagination/kt-pagination.js";
-import { KtStat as Ht } from "./components/data/kt-stat/kt-stat.js";
-import { KtTable as wt } from "./components/data/kt-table/kt-table.js";
-import { KtTimeline as Ft, KtTimelineItem as Lt } from "./components/data/kt-timeline/kt-timeline.js";
-import { g as jt, r as qt, a as zt, b as Jt } from "./chunks/defaults-BwgjMcww.js";
-import { d as Qt, s as Ut, r as Vt, a as Wt } from "./chunks/index-DSSLJirw.js";
-import { K as Yt, d as Zt } from "./chunks/kt-element-E-tfJpGQ.js";
+import { K as c } from "./chunks/kt-calendar-B_hFdD9V.js";
+import { KtDatePicker as I } from "./components/forms/kt-date-picker/kt-date-picker.js";
+import { KtDragDrop as D } from "./components/forms/kt-drag-drop/kt-drag-drop.js";
+import { KtForm as M } from "./components/forms/kt-form/kt-form.js";
+import { KtInput as E } from "./components/forms/kt-input/kt-input.js";
+import { KtInputMenu as v } from "./components/forms/kt-input-menu/kt-input-menu.js";
+import { KtLabelInput as G } from "./components/forms/kt-label-input/kt-label-input.js";
+import { KtRadio as R, KtRadioGroup as w } from "./components/forms/kt-radio-group/kt-radio-group.js";
+import { KtSelect as F } from "./components/forms/kt-select/kt-select.js";
+import { KtTextarea as N } from "./components/forms/kt-textarea/kt-textarea.js";
+import { KtToggle as q } from "./components/forms/kt-toggle/kt-toggle.js";
+import { KtBreadcrumb as J } from "./components/navigation/kt-breadcrumb/kt-breadcrumb.js";
+import { KtPageHeader as Q } from "./components/navigation/kt-page-header/kt-page-header.js";
+import { KtSegmentedControl as V } from "./components/navigation/kt-segmented-control/kt-segmented-control.js";
+import { KtSubMenuNavigation as X } from "./components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
+import { KtTabs as Z } from "./components/navigation/kt-tabs/kt-tabs.js";
+import { KtHeader as $ } from "./components/navigation/kt-header/kt-header.js";
+import { KtToggleButton as ot } from "./components/navigation/kt-toggle-button/kt-toggle-button.js";
+import { KtToggleButtonGroup as et } from "./components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
+import { KtAlert as mt } from "./components/feedback/kt-alert/kt-alert.js";
+import { KtEmptyState as xt } from "./components/feedback/kt-empty-state/kt-empty-state.js";
+import { KtProgressBar as at } from "./components/feedback/kt-progress-bar/kt-progress-bar.js";
+import { KtSkeleton as st } from "./components/feedback/kt-skeleton/kt-skeleton.js";
+import { KtToast as gt } from "./components/feedback/kt-toast/kt-toast.js";
+import { KtToastContainer as dt } from "./components/feedback/kt-toast-container/kt-toast-container.js";
+import { t as St } from "./chunks/toaster-PmdKSV5x.js";
+import { KtTooltip as bt } from "./components/feedback/kt-tooltip/kt-tooltip.js";
+import { KtCollapsible as Ct } from "./components/overlays/kt-collapsible/kt-collapsible.js";
+import { KtConfirmDialog as Bt } from "./components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
+import { KtDropdown as Pt } from "./components/overlays/kt-dropdown/kt-dropdown.js";
+import { KtModal as kt } from "./components/overlays/kt-modal/kt-modal.js";
+import { KtSidePanel as ht } from "./components/overlays/kt-side-panel/kt-side-panel.js";
+import { KtChart as At } from "./components/data/kt-chart/kt-chart.js";
+import { KtMeter as Ht } from "./components/data/kt-meter/kt-meter.js";
+import { KtPagination as wt } from "./components/data/kt-pagination/kt-pagination.js";
+import { KtStat as Ft } from "./components/data/kt-stat/kt-stat.js";
+import { KtTable as Nt } from "./components/data/kt-table/kt-table.js";
+import { KtTimeline as qt, KtTimelineItem as zt } from "./components/data/kt-timeline/kt-timeline.js";
+import { g as Ot, r as Qt, a as Ut, b as Vt } from "./chunks/defaults-CFrjqae2.js";
+import { d as Xt, s as Yt, r as Zt, a as _t } from "./chunks/index-STEEvEP7.js";
+import { K as to, d as oo } from "./chunks/kt-element-Djx2JcGl.js";
 export {
-  ot as KtAlert,
+  mt as KtAlert,
   r as KtAvatar,
   p as KtBadge,
-  N as KtBreadcrumb,
+  J as KtBreadcrumb,
   f as KtButton,
+  c as KtCalendar,
   n as KtCard,
-  Et as KtChart,
+  At as KtChart,
   T as KtCheckbox,
   i as KtCode,
-  St as KtCollapsible,
-  bt as KtConfirmDialog,
-  I as KtDragDrop,
-  ct as KtDropdown,
-  Yt as KtElement,
-  et as KtEmptyState,
-  C as KtForm,
-  X as KtHeader,
+  Ct as KtCollapsible,
+  Bt as KtConfirmDialog,
+  I as KtDatePicker,
+  D as KtDragDrop,
+  Pt as KtDropdown,
+  to as KtElement,
+  xt as KtEmptyState,
+  M as KtForm,
+  $ as KtHeader,
   l as KtIcon,
-  D as KtInput,
-  P as KtInputMenu,
+  E as KtInput,
+  v as KtInputMenu,
   u as KtKbd,
-  h as KtLabelInput,
-  kt as KtMeter,
-  Bt as KtModal,
-  q as KtPageHeader,
-  At as KtPagination,
-  mt as KtProgressBar,
-  v as KtRadio,
-  A as KtRadioGroup,
-  J as KtSegmentedControl,
-  H as KtSelect,
-  Mt as KtSidePanel,
-  xt as KtSkeleton,
+  G as KtLabelInput,
+  Ht as KtMeter,
+  kt as KtModal,
+  Q as KtPageHeader,
+  wt as KtPagination,
+  at as KtProgressBar,
+  R as KtRadio,
+  w as KtRadioGroup,
+  V as KtSegmentedControl,
+  F as KtSelect,
+  ht as KtSidePanel,
+  st as KtSkeleton,
   K as KtSplitButton,
-  Ht as KtStat,
-  Q as KtSubMenuNavigation,
-  wt as KtTable,
-  V as KtTabs,
-  w as KtTextarea,
-  Ft as KtTimeline,
-  Lt as KtTimelineItem,
-  at as KtToast,
-  st as KtToastContainer,
-  F as KtToggle,
-  Z as KtToggleButton,
-  $ as KtToggleButtonGroup,
-  dt as KtTooltip,
-  Qt as defaultStrings,
-  Zt as defineElement,
-  jt as getIcon,
-  Ut as getStrings,
-  qt as registerIcon,
-  zt as registerIcons,
-  Jt as registeredIcons,
-  Vt as resetStrings,
-  Wt as setStrings,
-  gt as toaster
+  Ft as KtStat,
+  X as KtSubMenuNavigation,
+  Nt as KtTable,
+  Z as KtTabs,
+  N as KtTextarea,
+  qt as KtTimeline,
+  zt as KtTimelineItem,
+  gt as KtToast,
+  dt as KtToastContainer,
+  q as KtToggle,
+  ot as KtToggleButton,
+  et as KtToggleButtonGroup,
+  bt as KtTooltip,
+  Xt as defaultStrings,
+  oo as defineElement,
+  Ot as getIcon,
+  Yt as getStrings,
+  Qt as registerIcon,
+  Ut as registerIcons,
+  Vt as registeredIcons,
+  Zt as resetStrings,
+  _t as setStrings,
+  St as toaster
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/internal/countries.d.ts

@@ -1,9 +1,9 @@
 /**
  * Country data for the phone mode of `<kt-input>`.
  *
- * Deliberately a short list rather than all 195: an exhaustive picker is a
- * worse experience than a handful of entries and a search box. Applications
- * that need more pass their own list to the element.
+ * Most of the planet by population rather than all 195 — the panel has a
+ * search box, and the long tail of microstates mostly adds scrolling.
+ * Applications that need a different set pass their own list to the element.
  */
 export interface KtCountry {
     /** ISO 3166-1 alpha-2, lowercase. */
@@ -11,8 +11,18 @@ export interface KtCountry {
     readonly name: string;
     /** International dialling code, without the leading `+`. */
     readonly dialCode: string;
-    /** Placeholder showing the local format. */
+    /**
+     * A national number as it is written without the trunk prefix, used as the
+     * placeholder. Its digit groups are also how a typed number is grouped.
+     */
     readonly format: string;
+    /**
+     * What a number starts with when dialled from inside the country — the `0`
+     * of `06 12 34 56 78` — and never after the dial code. Absent where no such
+     * prefix exists, or where it can also begin a number: an Italian landline
+     * keeps its 0 after +39.
+     */
+    readonly trunkPrefix?: string;
 }
 export declare const DEFAULT_COUNTRIES: readonly KtCountry[];
 /**
@@ -26,12 +36,17 @@ export declare function flagEmoji(id: string): string;
 /** Keeps only the digits — what gets stored and submitted. */
 export declare function digitsOnly(value: string): string;
 /**
- * Groups digits for display, per country.
- *
- * North American numbers read as `123 456 7890`, French ones as
- * `6 12 34 56 78` — a single leading digit, then pairs. Everything else falls
- * back to groups of three.
+ * Groups digits for display, the way the country's `format` groups them:
+ * `1 23 45 67 89` makes `6 12 34 56 78`. Digits past the format go in one
+ * last group rather than being dropped, and a country with no format falls
+ * back to threes.
  */
 export declare function formatNationalNumber(digits: string, country: KtCountry | undefined): string;
+/**
+ * The trunk prefix a number was typed with, if any. Someone used to dialling
+ * `06 12 34 56 78` types the 0 after +33 too, and the result is not a number
+ * that exists.
+ */
+export declare function leadingTrunkPrefix(digits: string, country: KtCountry | undefined): string | undefined;
 /** Filters by name, dial code or country code — whatever the user types. */
 export declare function searchCountries(countries: readonly KtCountry[], query: string): readonly KtCountry[];

package/dist/internal/date.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Calendar dates without a time or a time zone.
+ *
+ * A date picker deals in days, and `Date` deals in instants: "2026-03-29" at
+ * local midnight does not exist in some zones on DST night, and a day computed
+ * in UTC is off by one for half the planet. So dates here are plain
+ * `{ year, month, day }` values (month 1–12), serialised as ISO `YYYY-MM-DD`.
+ * `Date` is only built — at noon, clear of any DST gap — to hand to `Intl`
+ * for formatting.
+ */
+export interface PlainDate {
+    readonly year: number;
+    readonly month: number;
+    readonly day: number;
+}
+export declare function daysInMonth(year: number, month: number): number;
+/** `2026-09-25` → date, or `null` when malformed or impossible (Feb 30). */
+export declare function parseDate(value: string | null | undefined): PlainDate | null;
+export declare function formatDate(date: PlainDate): string;
+/** An ISO 8601 interval, `start/end`. Either half may be missing or malformed. */
+export declare function parseRange(value: string | null | undefined): {
+    start: PlainDate | null;
+    end: PlainDate | null;
+};
+export declare function formatRange(start: PlainDate, end: PlainDate): string;
+/** Negative, zero or positive, like a sort comparator. */
+export declare function compareDates(a: PlainDate, b: PlainDate): number;
+export declare function isSameDay(a: PlainDate | null, b: PlainDate | null): boolean;
+/** Whether `date` falls between `a` and `b`, inclusive, in either order. */
+export declare function isBetween(date: PlainDate, a: PlainDate, b: PlainDate): boolean;
+/** Day arithmetic in UTC, where every day is 24 hours long. */
+export declare function addDays(date: PlainDate, days: number): PlainDate;
+/** Month arithmetic that clamps: 31 January + 1 month is 28 or 29 February. */
+export declare function addMonths(date: PlainDate, months: number): PlainDate;
+/** 1 = Monday … 7 = Sunday, as ISO 8601 and `Intl.Locale#weekInfo` count them. */
+export declare function isoWeekday(date: PlainDate): number;
+/** The first day of the week containing `date`, weeks starting on `firstDay`. */
+export declare function startOfWeek(date: PlainDate, firstDay: number): PlainDate;
+/**
+ * The six weeks a month view shows — always six, so the calendar keeps its
+ * height from one month to the next instead of jumping under the pointer.
+ */
+export declare function monthGrid(year: number, month: number, firstDay: number): PlainDate[][];
+export declare function today(): PlainDate;
+/** A `Date` for `Intl` to format: local noon, clear of any DST transition. */
+export declare function toLocalDate(date: PlainDate): Date;
+/**
+ * The first day of the week in `locale` — Monday in most of the world,
+ * Sunday in the US, Saturday in parts of the Middle East. Read from
+ * `Intl.Locale#getWeekInfo` (or the older `weekInfo` getter) where the
+ * browser has it, Monday otherwise.
+ */
+export declare function firstDayOfWeek(locale: string): number;

package/dist/internal/events.d.ts

@@ -12,3 +12,8 @@ export declare function emit<T>(host: HTMLElement, name: string, detail?: T): Cu
  * across a shadow root.
  */
 export declare function uniqueId(prefix: string): string;
+/**
+ * Adds a listener when `on`, removes it otherwise — for the document-wide
+ * listeners an open popup needs and a closed one should not pay for.
+ */
+export declare function toggleListener(on: boolean, target: EventTarget, type: string, listener: EventListener, options?: AddEventListenerOptions): void;

package/dist/internal/floating.d.ts

@@ -0,0 +1,48 @@
+import { type ReactiveController, type ReactiveControllerHost } from 'lit';
+import { type Align, type Side } from './position.js';
+/**
+ * A panel that opens from a trigger — a select's list, a date picker's
+ * calendar, a menu — drawn in the top layer and placed from the trigger.
+ *
+ * A panel positioned inside its element was cut off by any ancestor with
+ * `overflow: hidden`: a table cell, a side panel, an app's scrolling main
+ * area. In the top layer, nothing clips it. It opens on the side asked for, or
+ * the other one when that has no room, and follows the trigger as the page
+ * scrolls.
+ */
+export interface FloatingOptions {
+    /** The panel, which carries `popover="manual"` and the `floating` class. */
+    readonly panel: () => HTMLElement | null | undefined;
+    /** What the panel opens from. */
+    readonly anchor: () => Element | null | undefined;
+    /** The side it prefers. */
+    readonly side?: () => Side;
+    /** Which edge of the anchor it lines up with; its start by default. */
+    readonly align?: () => Align;
+    /** Sizes the panel to the anchor's width — a list under its field. */
+    readonly matchWidth?: boolean;
+    /** Told the side it opened on, for the direction of its entrance. */
+    readonly onPlace?: (side: Side) => void;
+}
+/**
+ * The panel's own styles. Closed, it keeps the display and the hidden,
+ * animatable state its element gives it, so it can fade out after it leaves
+ * the top layer: `display` here only undoes the popover's `display: none`, and
+ * a panel's own `display` still wins.
+ */
+export declare const floatingStyles: import("lit").CSSResult;
+export declare class FloatingController implements ReactiveController {
+    private readonly options;
+    private open;
+    private frame;
+    constructor(host: ReactiveControllerHost, options: FloatingOptions);
+    /**
+     * Call from the host's `updated()` with whether the panel is open. While it
+     * is, every update re-places it: its content — a filtered list — can change
+     * its size.
+     */
+    sync(open: boolean): void;
+    hostDisconnected(): void;
+    private follow;
+    private place;
+}

package/dist/internal/form-control.d.ts

@@ -21,8 +21,12 @@ export declare function attachFormInternals(host: HTMLElement): UsableInternals
  *
  * A `FormData` submits each of its entries as they are named in it — which is
  * how one control contributes several files under one name.
+ *
+ * `state` is what `formStateRestoreCallback` receives back when the browser
+ * restores the page, for a control whose submitted value alone cannot rebuild
+ * it. Without one, the browser hands back `value`.
  */
-export declare function setFormValue(internals: UsableInternals | null, value: string | FormData | null): void;
+export declare function setFormValue(internals: UsableInternals | null, value: string | FormData | null, state?: string): void;
 /**
  * Mirrors a control's validity onto the host element.
  *

package/dist/internal/locale.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The locale an element formats and sorts in: its own `locale` when set, else
+ * the page's `<html lang>`, else the browser's language.
+ *
+ * The page's language comes before the browser's because it is what the text
+ * around the element is written in — a French page read on an English browser
+ * should still file "Élodie" the French way.
+ */
+export declare function resolveLocale(own: string): string;
+/**
+ * A date format for `locale` and `options`, made once and reused. Building an
+ * `Intl.DateTimeFormat` is slow next to using one, and a calendar formats
+ * every day it shows on every render — a hundred of them for two arrow keys.
+ */
+export declare function dateFormat(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;

package/dist/internal/position.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Placing a floating box — a tooltip bubble — beside the element it belongs
+ * to, in viewport coordinates, so it can be drawn with `position: fixed` in
+ * the top layer where no ancestor's `overflow` can clip it.
+ */
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+/** Along its side: centred on the anchor, or flush with its start or end — a menu. */
+export type Align = 'center' | 'start' | 'end';
+export interface Box {
+    readonly width: number;
+    readonly height: number;
+}
+export interface Anchor extends Box {
+    readonly left: number;
+    readonly top: number;
+}
+/**
+ * Where to draw `box` on the `side` asked for, or on the opposite side when
+ * the one asked for would run off the screen and the other would not. Along
+ * its side, the box is centred on the anchor or flush with its start or end, then
+ * slid back inside the screen.
+ */
+export declare function placeFloating(anchor: Anchor, box: Box, viewport: Box, side: Side, align?: Align): {
+    x: number;
+    y: number;
+    placement: Side;
+};

package/dist/internal/strings.d.ts

@@ -53,11 +53,26 @@ export interface KtStrings {
     browseFiles: string;
     recommendedSize: (size: string) => string;
     selectedFiles: string;
+    /** `kt-date-picker` with nothing chosen, and its calendar's name. */
+    selectDate: string;
+    selectPeriod: string;
+    previousMonth: string;
+    nextMonth: string;
+    previousYear: string;
+    nextYear: string;
+    previousYears: string;
+    nextYears: string;
+    /** The calendar header's month and year buttons, which open those views. */
+    chooseMonth: string;
+    chooseYear: string;
     required: string;
     selectOption: string;
     selectFile: string;
     /** A required checkbox left unchecked. */
     checkRequired: string;
+    dateRequired: string;
+    /** A phone number typed with the prefix only dialled from inside the country. */
+    phoneTrunkPrefix: (prefix: string) => string;
     openMenu: string;
     closeMenu: string;
     breadcrumb: string;

package/dist/react/index.d.ts

@@ -8,6 +8,8 @@ import { KtCode as KtCodeElement } from '../components/core/kt-code/kt-code.js';
 import { KtIcon as KtIconElement } from '../components/core/kt-icon/kt-icon.js';
 import { KtKbd as KtKbdElement } from '../components/core/kt-kbd/kt-kbd.js';
 import { KtCheckbox as KtCheckboxElement } from '../components/forms/kt-checkbox/kt-checkbox.js';
+import { KtCalendar as KtCalendarElement } from '../components/forms/kt-calendar/kt-calendar.js';
+import { KtDatePicker as KtDatePickerElement } from '../components/forms/kt-date-picker/kt-date-picker.js';
 import { KtDragDrop as KtDragDropElement } from '../components/forms/kt-drag-drop/kt-drag-drop.js';
 import { KtForm as KtFormElement } from '../components/forms/kt-form/kt-form.js';
 import { KtInput as KtInputElement } from '../components/forms/kt-input/kt-input.js';
@@ -96,6 +98,16 @@ export declare const KtToggle: import("@lit/react").ReactWebComponent<KtToggleEl
         checked: boolean;
     }>;
 }>;
+export declare const KtCalendar: import("@lit/react").ReactWebComponent<KtCalendarElement, {
+    onKtChange: Kt<{
+        value: string;
+    }>;
+}>;
+export declare const KtDatePicker: import("@lit/react").ReactWebComponent<KtDatePickerElement, {
+    onKtChange: Kt<{
+        value: string | null;
+    }>;
+}>;
 export declare const KtCheckbox: import("@lit/react").ReactWebComponent<KtCheckboxElement, {
     onKtChange: Kt<{
         checked: boolean;