@leavepulse/ui 0.16.2 → 0.17.1

package/dist/chunks/{LpTable-CKGaUbEM.js → LpTable-X3ieZmbr.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { _ as _sfc_main$2 } from "./LpCheckbox-BO0zuuPh.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-De9DLpa1.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-CKhOx0_l.js";
 const _hoisted_1 = { class: "w-full border-collapse text-sm" };
 const _hoisted_2 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_3 = {

package/dist/chunks/{LpThemeSwitcher-BgWwfkxs.js → LpThemeSwitcher-DC6QygnU.js}

@@ -8,7 +8,7 @@ const interFont = {
   mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace'
 };
 const dark = {
-  name: "Dark",
+  name: "Onyx",
   mode: "dark",
   colors: {
     surface: "#080b0d",
@@ -105,7 +105,7 @@ const glassSurface = {
   panelInset: "inset 0 1px 0 rgba(255, 255, 255, 0.08)"
 };
 const leavepulse = {
-  name: "LeavePulse",
+  name: "Dark",
   mode: "dark",
   colors: {
     surface: "#020618",
@@ -480,6 +480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     themes: {},
+    cycleThemes: {},
     variant: { default: "swatch" },
     showLabel: { type: Boolean },
     default: {},
@@ -519,8 +520,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", t.name);
       emit("change", t);
     }
+    const cycleList = computed(() => {
+      if (!props.cycleThemes?.length) return list.value;
+      const resolved = props.cycleThemes.map(
+        (t) => typeof t === "string" ? list.value.find((x) => x.name === t) : t
+      ).filter((t) => Boolean(t));
+      return resolved.length ? resolved : list.value;
+    });
     function cycle(ev) {
-      const arr = list.value;
+      const arr = cycleList.value;
       if (!arr.length) return;
       const i = arr.findIndex((t) => t.name === activeName.value);
       const next = arr[(i + 1) % arr.length];

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];

package/dist/components/LpAddressInput.vue.d.ts

@@ -0,0 +1,53 @@
+import { AddressLabels, AddressValue, GeocodeProvider, LatLon, TileSource } from './address';
+type __VLS_Props = {
+    /** The address. Bind with v-model. */
+    modelValue?: AddressValue;
+    /** Geocoder for suggestions and for the map's reverse lookup. */
+    provider?: GeocodeProvider;
+    /** Tile server handed to the built-in picker. */
+    tiles?: TileSource;
+    /** Restrict the country list (ISO2). Omit for every country. */
+    only?: string[];
+    /** Show the "apartment, suite" line. */
+    secondLine?: boolean;
+    /** Suggestions start after this many characters. */
+    minChars?: number;
+    /** Debounce before a suggestion request goes out. */
+    debounce?: number;
+    /** Accept-Language for the geocoder. */
+    language?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    /** Hide the map button when picking a point makes no sense. */
+    hideMap?: boolean;
+    labels?: Partial<AddressLabels>;
+};
+declare function onPick(next: LatLon): Promise<void>;
+declare var __VLS_88: {
+    point: LatLon | undefined;
+    setPoint: typeof onPick;
+    tiles: TileSource;
+};
+type __VLS_Slots = {} & {
+    map?: (props: typeof __VLS_88) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: AddressValue) => any;
+    pick: (value: LatLon) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: AddressValue) => any) | undefined;
+    onPick?: ((value: LatLon) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    minChars: number;
+    tiles: TileSource;
+    debounce: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpAddressInput.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpAddressInput-ChT1JQg0.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpAlert.vue.d.ts

@@ -32,7 +32,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "info" | "success" | "warning" | "danger";
+    variant: "info" | "danger" | "success" | "warning";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-CV194os6.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-C6Mj82LS.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-De9DLpa1.js";
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-CKhOx0_l.js";
 import '../assets/LpCommandPalette-D315B47-.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["placeholder", "onKeydown"];
 const _hoisted_3 = {

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-DnReh5pF.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-3_Qu4hnA.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-BHzCy-Aa.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-Fxk7ViQ-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.d.ts

@@ -72,18 +72,18 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     select: (node: FileNode) => any;
     summary: (summary: FileTreeSummary) => any;
     open: (node: FileNode) => any;
+    collapse: (node: FileNode) => any;
     "update:selected": (id: string) => any;
     "update:expanded": (ids: string[]) => any;
-    collapse: (node: FileNode) => any;
     "update:checked": (ids: string[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onExpand?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
     onSummary?: ((summary: FileTreeSummary) => any) | undefined;
     onOpen?: ((node: FileNode) => any) | undefined;
+    onCollapse?: ((node: FileNode) => any) | undefined;
     "onUpdate:selected"?: ((id: string) => any) | undefined;
     "onUpdate:expanded"?: ((ids: string[]) => any) | undefined;
-    onCollapse?: ((node: FileNode) => any) | undefined;
     "onUpdate:checked"?: ((ids: string[]) => any) | undefined;
 }>, {
     sort: boolean;

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-YOJCuIjJ.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-CXg3KDth.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.d.ts

@@ -46,11 +46,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     loop: boolean;
     open: boolean;
+    maxZoom: number;
     copyable: boolean;
     index: number;
     rotatable: boolean;
     downloadable: boolean;
-    maxZoom: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-BvzRZPjs.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-D7DNEYaG.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpMapPicker.vue.d.ts

@@ -0,0 +1,44 @@
+import { LatLon, TileSource } from './address';
+type __VLS_Props = {
+    /** Picked point. Bind with v-model; undefined leaves the map unpinned. */
+    modelValue?: LatLon;
+    /** Tile server. Defaults to OpenStreetMap; swap for your own. */
+    tiles?: TileSource;
+    /** Zoom used on first paint, and when a point arrives from outside. */
+    zoom?: number;
+    /** Where to look when there is no point yet. */
+    center?: LatLon;
+    disabled?: boolean;
+    /** Any CSS length. */
+    height?: string;
+    /** Offer the "use my location" control (needs a secure context). */
+    locatable?: boolean;
+    zoomInLabel?: string;
+    zoomOutLabel?: string;
+    locateLabel?: string;
+    recentreLabel?: string;
+};
+declare function recentre(): void;
+declare function locate(): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    recentre: typeof recentre;
+    locate: typeof locate;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: LatLon) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: LatLon) => any) | undefined;
+}>, {
+    center: LatLon;
+    height: string;
+    zoom: number;
+    tiles: TileSource;
+    locatable: boolean;
+    zoomInLabel: string;
+    zoomOutLabel: string;
+    locateLabel: string;
+    recentreLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/LpMapPicker.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpMapPicker-DFKrd1Ne.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-CezA8eJ3.js";
+import { _ as _sfc_main } from "../chunks/LpModal-J-KRPO7F.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.d.ts

@@ -12,6 +12,21 @@ export interface NotificationItem {
     /** Whether the notification has been read. */
     read?: boolean;
 }
+/**
+ * Every user-facing string the bell renders on its own. Apps with i18n pass
+ * their translations in; the English defaults keep the component usable bare.
+ * Without this the header/row menus would be hardcoded English in every locale.
+ */
+export interface NotificationLabels {
+    title?: string;
+    markAllRead?: string;
+    markAsRead?: string;
+    markAsUnread?: string;
+    open?: string;
+    dismiss?: string;
+    empty?: string;
+    ariaLabel?: string;
+}
 type __VLS_Props = {
     items?: NotificationItem[];
     /** Unread count for the badge; falls back to counting unread items. */
@@ -23,6 +38,13 @@ type __VLS_Props = {
     maxBadge?: number;
     /** Right-click menu items; overrides the built-in quick actions. */
     menuItems?: ContextMenuItemDef[];
+    /** Translations for the strings the bell renders itself. */
+    labels?: NotificationLabels;
+    /**
+     * Formats `item.createdAt` for display. Defaults to a compact English
+     * relative time ("just now", "5m", "3h"); pass your own to localise it.
+     */
+    formatTime?: (iso: string) => string;
 };
 type __VLS_ModelProps = {
     "open"?: boolean;

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-BtfRoL2i.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-D8sdQLgu.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-De9DLpa1.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-CKhOx0_l.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-B11IDRQi.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-Bk7SrINq.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-TIUNHZX-.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-Cpd-yHXb.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTable-CKGaUbEM.js";
+import { _ as _sfc_main } from "../chunks/LpTable-X3ieZmbr.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.d.ts

@@ -4,6 +4,13 @@ type __VLS_Props = {
     modelValue?: string;
     /** Themes to offer. Defaults to all built-in presets. */
     themes?: TokenSet[];
+    /**
+     * Themes the LEFT-click cycles through — names from `themes`, or TokenSets.
+     * Defaults to the full list (cycle everything). Pass two, e.g.
+     * `:cycle-themes="['Dark', 'Light']"`, for a quick dark/light toggle while
+     * the right-click menu still offers every theme.
+     */
+    cycleThemes?: (string | TokenSet)[];
     /**
      * Trigger style:
      *  - "swatch" (default): a square showing the active theme's brand colour.

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-BgWwfkxs.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-DC6QygnU.js";
 export {
   _sfc_main as default
 };

package/dist/components/address.d.ts

@@ -0,0 +1,107 @@
+export interface LatLon {
+    lat: number;
+    lon: number;
+}
+export interface AddressValue {
+    /** Street and house number, e.g. "Baker Street 221B". */
+    line: string;
+    /** Apartment, suite, floor — only shown when LpAddressInput asks for it. */
+    line2?: string;
+    city: string;
+    postalCode: string;
+    /** ISO 3166-1 alpha-2, uppercase — same shape LpPhoneInput uses. */
+    country: string;
+    /** Set once a point is picked on the map or a suggestion carries one. */
+    lat?: number;
+    lon?: number;
+}
+export declare function emptyAddress(): AddressValue;
+export interface AddressSuggestion {
+    /** Text to put in the field that asked for it. */
+    value: string;
+    label: string;
+    /** Fuller context — the whole formatted address, shown under the label. */
+    description?: string;
+    /** Parsed parts, as much as the provider resolved. */
+    address: Partial<AddressValue>;
+    lat?: number;
+    lon?: number;
+}
+/** Which field is being completed — providers can bias results accordingly. */
+export type AddressField = "line" | "city" | "postalCode";
+export interface GeocodeQuery {
+    /** Restrict to a country (ISO2) when the form already has one. */
+    country?: string;
+    /** Preferred result language, as an Accept-Language value. */
+    language?: string;
+    limit?: number;
+    signal?: AbortSignal;
+}
+export interface GeocodeProvider {
+    search(term: string, field: AddressField, query?: GeocodeQuery): Promise<AddressSuggestion[]>;
+    /** Point → address. Undefined when the point resolves to nothing. */
+    reverse(lat: number, lon: number, query?: GeocodeQuery): Promise<AddressSuggestion | undefined>;
+}
+export interface NominatimOptions {
+    /** Base URL of a Nominatim instance, no trailing slash. */
+    endpoint?: string;
+    language?: string;
+    /**
+     * Public Nominatim asks for an identifying UA and rate-limits hard; browsers
+     * won't let us set User-Agent, so this rides along as `email` instead, which
+     * their usage policy accepts. Point `endpoint` at your own instance for
+     * anything busier than a settings form.
+     */
+    email?: string;
+}
+export declare function createNominatimProvider(options?: NominatimOptions): GeocodeProvider;
+/**
+ * Every user-facing string in LpAddressInput, so an app can translate it
+ * without the kit taking an i18n dependency. Pass a partial — anything absent
+ * keeps the English default.
+ */
+export interface AddressLabels {
+    line: string;
+    linePlaceholder: string;
+    secondLine: string;
+    secondLinePlaceholder: string;
+    city: string;
+    cityPlaceholder: string;
+    postalCode: string;
+    postalCodePlaceholder: string;
+    country: string;
+    countryPlaceholder: string;
+    countrySearch: string;
+    pickOnMap: string;
+    mapTitle: string;
+    mapHint: string;
+    use: string;
+    cancel: string;
+    searching: string;
+    noSuggestions: string;
+    nothingHere: string;
+}
+/** Formats an address the way a shipping label would read. */
+export declare function formatAddress(value: AddressValue, countryName?: string): string;
+export interface TileSource {
+    /** Template with {z}/{x}/{y}, plus optional {s} for a subdomain. */
+    url: string;
+    /** Rendered under the map — most tile terms require crediting the source. */
+    attribution?: string;
+    subdomains?: string[];
+    minZoom?: number;
+    maxZoom?: number;
+    /** Edge length of one tile in CSS pixels. Default 256. */
+    tileSize?: number;
+}
+export declare const OSM_TILES: TileSource;
+export declare function tileUrl(source: TileSource, z: number, x: number, y: number): string;
+export declare const MAX_LATITUDE = 85.05112878;
+export declare function project(lat: number, lon: number, zoom: number, tileSize?: number): {
+    x: number;
+    y: number;
+};
+export declare function unproject(x: number, y: number, zoom: number, tileSize?: number): {
+    lat: number;
+    lon: number;
+};

package/dist/components/address.js

@@ -0,0 +1,96 @@
+function emptyAddress() {
+  return { line: "", city: "", postalCode: "", country: "" };
+}
+const NOMINATIM_ENDPOINT = "https://nominatim.openstreetmap.org";
+function createNominatimProvider(options = {}) {
+  const endpoint = options.endpoint ?? NOMINATIM_ENDPOINT;
+  function common(query, params) {
+    params.set("format", "jsonv2");
+    params.set("addressdetails", "1");
+    if (options.email) params.set("email", options.email);
+    if (query?.country) params.set("countrycodes", query.country.toLowerCase());
+  }
+  async function get(path, params, query) {
+    const language = query?.language ?? options.language;
+    const res = await fetch(`${endpoint}${path}?${params}`, {
+      signal: query?.signal,
+      headers: language ? { "Accept-Language": language } : void 0
+    });
+    if (!res.ok) throw new Error(`geocoder responded ${res.status}`);
+    return await res.json();
+  }
+  return {
+    async search(term, field, query) {
+      const params = new URLSearchParams({ q: term, limit: String(query?.limit ?? 6) });
+      common(query, params);
+      const results = await get("/search", params, query);
+      return results.map((result) => toSuggestion(result, field));
+    },
+    async reverse(lat, lon, query) {
+      const params = new URLSearchParams({ lat: String(lat), lon: String(lon) });
+      common(query, params);
+      params.delete("countrycodes");
+      const result = await get("/reverse", params, query);
+      if (!result || "error" in result) return void 0;
+      return toSuggestion(result, "line");
+    }
+  };
+}
+function toSuggestion(result, field) {
+  const parts = result.address ?? {};
+  const city = parts.city || parts.town || parts.village || parts.municipality || "";
+  const street = [parts.road, parts.house_number].filter(Boolean).join(" ");
+  const address = {
+    line: street || void 0,
+    city: city || void 0,
+    postalCode: parts.postcode || void 0,
+    country: parts.country_code ? parts.country_code.toUpperCase() : void 0
+  };
+  const lat = result.lat ? Number(result.lat) : void 0;
+  const lon = result.lon ? Number(result.lon) : void 0;
+  const value = field === "city" ? city || result.name || result.display_name : field === "postalCode" ? parts.postcode || "" : street || result.name || result.display_name;
+  return { value, label: value || result.display_name, description: result.display_name, address, lat, lon };
+}
+function formatAddress(value, countryName) {
+  const locality = [value.postalCode, value.city].filter(Boolean).join(" ");
+  return [value.line, locality, countryName ?? value.country].filter(Boolean).join(", ");
+}
+const OSM_TILES = {
+  url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
+  attribution: "© OpenStreetMap contributors",
+  minZoom: 1,
+  maxZoom: 19
+};
+function tileUrl(source, z, x, y) {
+  const subdomains = source.subdomains;
+  const subdomain = subdomains?.length ? subdomains[Math.abs(x + y) % subdomains.length] : "";
+  return source.url.replace("{s}", subdomain).replace("{z}", String(z)).replace("{x}", String(x)).replace("{y}", String(y));
+}
+const MAX_LATITUDE = 85.05112878;
+function project(lat, lon, zoom, tileSize = 256) {
+  const size = tileSize * 2 ** zoom;
+  const clamped = Math.max(-MAX_LATITUDE, Math.min(MAX_LATITUDE, lat));
+  const sin = Math.sin(clamped * Math.PI / 180);
+  return {
+    x: (lon + 180) / 360 * size,
+    y: (0.5 - Math.log((1 + sin) / (1 - sin)) / (4 * Math.PI)) * size
+  };
+}
+function unproject(x, y, zoom, tileSize = 256) {
+  const size = tileSize * 2 ** zoom;
+  const n = Math.PI - 2 * Math.PI * y / size;
+  return {
+    lat: 180 / Math.PI * Math.atan(Math.sinh(n)),
+    lon: x / size * 360 - 180
+  };
+}
+export {
+  MAX_LATITUDE,
+  OSM_TILES,
+  createNominatimProvider,
+  emptyAddress,
+  formatAddress,
+  project,
+  tileUrl,
+  unproject
+};

package/dist/index.d.ts

@@ -1,4 +1,8 @@
 export { default as LayoutCanvas } from './components/LayoutCanvas.vue';
+export { default as LpAddressInput } from './components/LpAddressInput.vue';
+export { default as LpMapPicker } from './components/LpMapPicker.vue';
+export { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject, } from './components/address';
+export type { AddressField, AddressLabels, AddressSuggestion, AddressValue, GeocodeProvider, GeocodeQuery, LatLon, NominatimOptions, TileSource, } from './components/address';
 export { default as LpAlert } from './components/LpAlert.vue';
 export { default as LpAppShell } from './components/LpAppShell.vue';
 export { default as LpAutocomplete } from './components/LpAutocomplete.vue';
@@ -42,7 +46,7 @@ export { default as LpLogViewer } from './components/LpLogViewer.vue';
 export type { LogLevel, LogLine } from './components/LpLogViewer.vue';
 export { default as LpModal } from './components/LpModal.vue';
 export { default as LpNotificationBell } from './components/LpNotificationBell.vue';
-export type { NotificationItem } from './components/LpNotificationBell.vue';
+export type { NotificationItem, NotificationLabels, } from './components/LpNotificationBell.vue';
 export { default as LpNumberField } from './components/LpNumberField.vue';
 export { default as LpOtpInput } from './components/LpOtpInput.vue';
 export { default as LpPagination } from './components/LpPagination.vue';