@k2b/ui 0.29.0 → 0.31.0

package/dist/types/feedback/MovedHint.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from "solid-js";
+import { type TooltipPlacement } from "./tooltip-position";
+export type MovedHintAction = {
+    label: string;
+    href: string;
+    onClick?: never;
+} | {
+    label: string;
+    onClick: () => void;
+    href?: never;
+};
+export type MovedHintProps = {
+    /** The owner decides this on the server, so a dismissed hint never renders again. */
+    open: boolean;
+    /** Called once per open period when the person closes the hint or uses its action. */
+    onDismiss: () => void;
+    /** Render the hint directly after this element to preserve keyboard order. */
+    target: () => HTMLElement | undefined;
+    /** Short text naming the new place. */
+    children: JSX.Element;
+    action: MovedHintAction;
+    placement?: TooltipPlacement;
+    class?: string;
+};
+export declare function MovedHint(props: MovedHintProps): JSX.Element;

package/dist/types/feedback/dialog-core.d.ts

@@ -10,9 +10,12 @@ export type OpenDialogOptions = {
     ariaLabel?: string;
     /**
      * Add a same-URL history entry while the dialog is open, so the browser's or the phone's Back closes the dialog
-     * instead of leaving the page. Closing the dialog removes the entry again; the returned promise settles after that.
+     * instead of leaving the page. Normally closing the dialog removes the entry again; the returned promise settles after that.
      * With the Navigation API, same-URL traversals between this core's entries and the page do not reach application popstate listeners.
      * Without it, only the synthetic Back on close is suppressed.
+     * Island disposal closes every open dialog immediately and forgets its marker without traversing history.
+     * The same-URL entry remains for the router to replace and counts as a page entry for later dialogs.
+     * A traversal that `@k2b/ssr/nav` hides from popstate listeners reaches this core through `ssr:nav-popstate`.
      */
     history?: boolean;
 };
@@ -46,7 +49,8 @@ export declare const dialogCore: DialogCore;
 /**
  * Internal: transient UI shares dialogs' Back handling without exposing another public dialog capability.
  * Same-URL traversals are suppressed with the Navigation API; without it, only the synthetic Back on release is suppressed.
+ * Release during island disposal forgets the marker without traversing; the router may replace the remaining entry.
  */
 export declare const holdDialogHistory: (onBack: () => void) => (() => void);
-/** Internal: waits until entries released through `holdDialogHistory` have left the history. */
+/** Internal: waits until released holders have left history or were forgotten during island disposal. */
 export declare const dialogHistorySettled: () => Promise<void>;

package/dist/types/feedback/index.d.ts

@@ -10,6 +10,8 @@ export type { InstallGuideProps } from "./InstallGuide";
 export { default as InstallGuide } from "./InstallGuide";
 export type { InstallationPlatform, InstallPrompt } from "./install";
 export { createInstallPrompt, installationPlatform } from "./install";
+export type { MovedHintAction, MovedHintProps } from "./MovedHint";
+export { MovedHint } from "./MovedHint";
 export type { ConfirmOptions, DialogOptions, FieldSchema, PromptFieldBase, PromptSearchInput, PromptSearchItem, PromptSearchOptions, } from "./prompts";
 export { createFormState, DialogHeader, prompts } from "./prompts";
 export type { TooltipAnchorProps, TooltipPlacement, TooltipProps, TooltipTriggerProps } from "./Tooltip";

package/dist/types/feedback/prompts.d.ts

@@ -94,6 +94,8 @@ export type FieldSchema = (PromptFieldBase<string> & {
 }) | (PromptFieldBase<string> & {
     type: "datetime";
     dateOnly?: boolean;
+    /** A date whose time is optional, as `DateTimePicker`'s `optionalTime`. */
+    optionalTime?: boolean;
 }) | {
     type: "info";
     content: string | JSX.Element | (() => JSX.Element);

package/dist/types/inputs/DatePicker.d.ts

@@ -28,6 +28,13 @@ export type DatePickerProps = DatePickerBaseProps<string | null> & {
 export type DateTimePickerProps = DatePickerBaseProps<string | null> & {
     /** Trigger content for a set value, for example the date and time with a relative hint. */
     renderValue?: (value: string) => JSX.Element;
+    /**
+     * The time is optional: the value is a date key such as `2026-10-24` until **Add time** adds one, then a date-time
+     * like without this option. Removing the time returns to the date key.
+     */
+    optionalTime?: boolean;
+    /** The time a new value starts with, `09:00` by default. */
+    defaultTime?: string;
 };
 export type DateRangePickerProps = DatePickerBaseProps<DateRangeValue> & {
     withTime?: boolean;

package/dist/types/inputs/date-picker.d.ts

@@ -30,7 +30,10 @@ export declare const monthDate: (year: number, month: number, context?: DateCont
  * or repeats midnight, the day starts at its first existing instant.
  */
 export declare const msUntilNextDay: (now: Date, context?: DateContext) => number;
+/** Whether `value` is a date key such as `2026-10-24`, a date without a time. */
+export declare const isDateKey: (value: string) => boolean;
 export declare const parseDateValue: (value: string | null | undefined, context?: DateContext) => Date;
+/** A date key names a calendar day, so it is formatted at noon UTC in UTC: no runtime or picker zone can move it. */
 export declare const displayDate: (value: string | null | undefined, context?: DateContext) => string;
 export declare const dateTimeInput: (value: string | null | undefined, context?: DateContext) => string;
 export declare const splitDateTime: (value: string | null | undefined, context?: DateContext) => {
@@ -43,7 +46,28 @@ export declare const formatDateTimeValue: (value: string | null | undefined, con
 export declare const normalizeTimeInput: (value: string) => string;
 export declare const filterTimeInput: (value: string) => string;
 export declare const orderedRange: (start: string, end: string) => DateRangeValue;
-export declare const previewRange: (range: DateRangeValue, preview: string | null) => DateRangeValue;
+/**
+ * The range a click picks. A click starts a complete one-day range on its day, and it becomes the anchor; the next
+ * click on another day extends the range from the anchor, whichever side it lies on. A click on the anchor keeps the
+ * one-day range. After an extension, the next click starts a new one-day range.
+ */
+export declare const pickRangeDay: (range: DateRangeValue, anchor: string | null, day: string) => {
+    range: DateRangeValue;
+    anchor: string | null;
+};
+/** The anchor that the next click extends from: only while the range is still the one-day range of its click. */
+export declare const rangeAnchor: (range: DateRangeValue, anchor: string | null) => string | null;
+/** The range shown while the pointer or focus rests on `preview`: the extension that a click there would pick. */
+export declare const previewRange: (range: DateRangeValue, anchor: string | null, preview: string | null) => DateRangeValue;
 export declare const inRange: (day: string, range: DateRangeValue) => boolean;
 export declare const isRangeEdge: (day: string, range: DateRangeValue) => boolean;
 export declare const formatDateOnlyRangeDuration: (range: DateRangeValue, context?: DateContext) => string;
+/**
+ * The weekend bands of a week row: one band per run of adjacent weekend columns, as a zero-based start column and a
+ * number of columns. Saturday and Sunday in a week from Monday are one band of two; in a week from Sunday they are
+ * two bands at both ends.
+ */
+export declare const weekendBands: (weekend: readonly boolean[]) => {
+    start: number;
+    span: number;
+}[];

package/dist/types/intl/messages.d.ts

@@ -25,12 +25,16 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
     nothingToShow: string;
     no: string;
     options: string;
+    more: string;
+    moreViews: string;
     pickDate: string;
     previousMonth: string;
     previousYear: string;
     nextMonth: string;
     nextYear: string;
     retry: string;
+    tryAgain: string;
+    movedHintDismiss: string;
     reset: string;
     required: string;
     delete: string;
@@ -56,6 +60,8 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
     month: string;
     year: string;
     allDay: string;
+    addTime: string;
+    removeTime: string;
     previous: string;
     next: string;
     cancel: string;

package/dist/types/intl/weekend.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The weekend days of `locale` as JavaScript day numbers (0 for Sunday): Saturday and Sunday in Germany, Friday and
+ * Saturday in Israel. The days come from the engine's Intl week data where it has them, otherwise Saturday and Sunday.
+ * Without a locale the answer is Saturday and Sunday too, so a server render and the browser agree.
+ */
+export declare const weekendDays: (locale: string | undefined) => ReadonlySet<number>;
+/** The day of the week of a date key such as `2026-10-24`, as a JavaScript day number (0 for Sunday). */
+export declare const dayOfWeekOfKey: (key: string) => number;
+/** Whether the day of `key` is a weekend day of `locale`. */
+export declare const isWeekendKey: (key: string, locale: string | undefined) => boolean;
+/** Whether column `index` of a week that starts on `firstDayOfWeek` (0 for Sunday, 1 for Monday) is a weekend day. */
+export declare const isWeekendColumn: (index: number, firstDayOfWeek: number, locale: string | undefined) => boolean;

package/dist/types/layout/AppWorkspace.d.ts

@@ -1,8 +1,32 @@
 import { type LinkNavigateEvent, type NavigationScrollMode } from "@k2b/ssr/nav";
 import { type JSX } from "solid-js";
 import { type AppWorkspaceLayoutState } from "./app-workspace-state";
+import { type AppWorkspaceWidthShare } from "./app-workspace-width";
 import type { ScrollAreaProps } from "./ScrollArea";
 import { type AppWorkspaceSidebarSwitcherProps } from "./SidebarSwitcher";
+export type { AppWorkspaceWidthShare } from "./app-workspace-width";
+export type AppWorkspaceHeadProps = {
+    /** View tabs, usually a ViewTabs. */
+    views?: JSX.Element;
+    /** Filter chips, usually FilterChip elements. */
+    filters?: JSX.Element;
+    /** Any filter is active: shows Reset and the quiet result count. */
+    filtered?: boolean;
+    /** Reset target while filtered: a URL (works without JavaScript) and/or a callback. */
+    resetHref?: string;
+    onReset?: () => void;
+    /** Quiet result count shown only while filtered; CSS drops it first when space is short. */
+    count?: JSX.Element;
+    /** Secondary actions at the end of the row. Never a filled button. */
+    actions?: JSX.Element;
+    /** The one filled primary action. Below 48rem it becomes a round icon button beside the host's bottom bar. */
+    primary?: {
+        label: string;
+        icon: string;
+        href?: string;
+        onClick?: (event: MouseEvent) => void;
+    };
+};
 export type AppWorkspaceProps = {
     children: JSX.Element;
     class?: string;
@@ -40,6 +64,14 @@ export type AppWorkspaceMainProps = {
     class?: string;
     /** `"content"` centers the children as one reading column with the shared page width on large screens. */
     width?: "full" | "content";
+    /**
+     * The width in px or a workspace width share that Main keeps beside the sidebar and an open Detail,
+     * from 48rem (768 px); at least the default 320. A Detail that does not fit
+     * beside it waits behind the head's Details button, and from 64rem of host
+     * width a sidebar that does not fit becomes the overlay. CSS decides, so
+     * the server renders the first frame.
+     */
+    minWidth?: number | AppWorkspaceWidthShare;
     mobilePane?: string;
     /** Levels in DOM order, shallowest first. The URL selects the deepest level by id. */
     level?: string;
@@ -63,7 +95,7 @@ export type AppWorkspaceMainPaneProps = {
     open?: boolean;
     resizable?: boolean;
     resizeShadow?: boolean;
-    defaultSize?: number;
+    defaultSize?: number | AppWorkspaceWidthShare;
     minSize?: number;
     maxSize?: number;
     class?: string;
@@ -75,6 +107,12 @@ export type AppWorkspaceDetailWidth = "sm" | "md" | "lg" | "xl";
 export type AppWorkspaceDetailProps = {
     children: JSX.Element;
     open: boolean;
+    /**
+     * Whether choosing an item in Main opens this Detail as the drawer while it waits.
+     * Set false when Main itself shows the chosen item, such as a reader beside a list:
+     * the drawer then opens only from Details or from a toggle in Main.
+     */
+    openOnChoice?: boolean;
     id: string;
     class?: string;
     width?: AppWorkspaceDetailWidth;
@@ -85,12 +123,11 @@ export type AppWorkspaceDetailProps = {
     minWidth?: number;
     maxWidth?: number;
     /**
-     * Closes the panel: Escape, a swipe on a touch screen, and dragging the
-     * phone sheet down call it. A panel rendered on the server only marks its
-     * own close button or link with `data-workspace-detail-close` instead, and
-     * those gestures click it. Without either, they leave the panel open, and on
-     * a touch tablet in portrait the panel makes room beside `Main` instead of
-     * overlaying it as a drawer.
+     * Closes the column with Escape, or the phone sheet with a downward drag.
+     * Server-rendered panels mark their close control with
+     * `data-workspace-detail-close` instead; those gestures click it.
+     * Escape and a rightward touch swipe park an open waiting drawer without
+     * calling onClose, so its Details button can open it again.
      */
     onClose?: () => void;
     /**
@@ -249,7 +286,7 @@ export type AppWorkspaceSidebarItemIconProps = {
 };
 export type AppWorkspaceSidebarItemLabelProps = {
     children: JSX.Element;
-    /** False keeps one line with an ellipsis; rows wrap long labels onto a second line by default. */
+    /** False keeps one line that fades out; rows wrap long labels onto a second line by default. */
     marquee?: boolean;
 };
 export type AppWorkspaceSidebarItemMetaProps = {
@@ -360,8 +397,11 @@ export type AppWorkspaceNavTreeItemProps = {
 type AppWorkspaceNavTreeComponent = ((props: AppWorkspaceNavTreeProps) => JSX.Element) & {
     Item: (props: AppWorkspaceNavTreeItemProps) => JSX.Element;
 };
+/** The Detail region's DOM id, for application controls that target it with aria-controls. */
+export declare const appWorkspaceDetailElementId: (id: string) => string;
 type AppWorkspaceComponent = ((props: AppWorkspaceProps) => JSX.Element) & {
     LayoutStateProvider: (props: AppWorkspaceLayoutStateProviderProps) => JSX.Element;
+    Head: (props: AppWorkspaceHeadProps) => JSX.Element;
     Content: (props: AppWorkspaceContentProps) => JSX.Element;
     Main: (props: AppWorkspaceMainProps) => JSX.Element;
     MainPane: (props: AppWorkspaceMainPaneProps) => JSX.Element;

package/dist/types/layout/app-host-width.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Watches whether workspace chrome has at least `minRem` of app host width.
+ * CSS for the same chrome uses `@container k2b-app-area (min-width: …)`.
+ * Call with a mounted element; the returned function stops all observation.
+ */
+export declare function watchAppHostWidth(element: Element, minRem: number, update: (matches: boolean) => void): () => void;

package/dist/types/layout/app-workspace-width.d.ts

@@ -0,0 +1,13 @@
+/** A width that follows the workspace's own border-box width: clamp(min, share × workspace width + offset, max), in px. */
+export type AppWorkspaceWidthShare = {
+    share: number;
+    offset?: number;
+    min: number;
+    max: number;
+};
+export declare const isAppWorkspaceWidthShare: (value: unknown) => value is AppWorkspaceWidthShare;
+export declare const appWorkspaceWidthToken: (value: number | AppWorkspaceWidthShare) => string;
+export declare const readAppWorkspaceWidth: (token: string | undefined) => number | AppWorkspaceWidthShare | undefined;
+export declare const resolveAppWorkspaceWidth: (value: number | AppWorkspaceWidthShare, workspaceWidth: number) => number;
+export declare const appWorkspaceWidthCss: (value: number | AppWorkspaceWidthShare, width: string) => string;
+export declare const appWorkspaceInverseWidthCss: (value: AppWorkspaceWidthShare, width: string) => string;

package/dist/types/layout/index.d.ts

@@ -1,7 +1,8 @@
 export type { AppOverviewCardsProps, AppOverviewEmptyStateProps, AppOverviewPanelProps, AppOverviewProps, } from "./AppOverview";
 export { default as AppOverview } from "./AppOverview";
-export type { AppWorkspaceBottomDrawerHeight, AppWorkspaceBottomDrawerProps, AppWorkspaceContentProps, AppWorkspaceDetailProps, AppWorkspaceDetailWidth, AppWorkspaceMainPaneProps, AppWorkspaceMainProps, AppWorkspaceNavTreeItemProps, AppWorkspaceNavTreeMove, AppWorkspaceNavTreeProps, AppWorkspaceProps, AppWorkspaceSidebarAccessoryVisibility, AppWorkspaceSidebarBodyProps, AppWorkspaceSidebarIconActionProps, AppWorkspaceSidebarIconActionTone, AppWorkspaceSidebarIconGridProps, AppWorkspaceSidebarItemActionProps, AppWorkspaceSidebarItemActionsProps, AppWorkspaceSidebarItemIconProps, AppWorkspaceSidebarItemLabelProps, AppWorkspaceSidebarItemMetaProps, AppWorkspaceSidebarItemProps, AppWorkspaceSidebarItemStatusProps, AppWorkspaceSidebarItemTone, AppWorkspaceSidebarProps, AppWorkspaceSidebarSectionProps, AppWorkspaceSidebarVisibility, } from "./AppWorkspace";
-export { default as AppWorkspace } from "./AppWorkspace";
+export type { AppWorkspaceBottomDrawerHeight, AppWorkspaceBottomDrawerProps, AppWorkspaceContentProps, AppWorkspaceDetailProps, AppWorkspaceDetailWidth, AppWorkspaceHeadProps, AppWorkspaceMainPaneProps, AppWorkspaceMainProps, AppWorkspaceNavTreeItemProps, AppWorkspaceNavTreeMove, AppWorkspaceNavTreeProps, AppWorkspaceProps, AppWorkspaceSidebarAccessoryVisibility, AppWorkspaceSidebarBodyProps, AppWorkspaceSidebarIconActionProps, AppWorkspaceSidebarIconActionTone, AppWorkspaceSidebarIconGridProps, AppWorkspaceSidebarItemActionProps, AppWorkspaceSidebarItemActionsProps, AppWorkspaceSidebarItemIconProps, AppWorkspaceSidebarItemLabelProps, AppWorkspaceSidebarItemMetaProps, AppWorkspaceSidebarItemProps, AppWorkspaceSidebarItemStatusProps, AppWorkspaceSidebarItemTone, AppWorkspaceSidebarProps, AppWorkspaceSidebarSectionProps, AppWorkspaceSidebarVisibility, AppWorkspaceWidthShare, } from "./AppWorkspace";
+export { appWorkspaceDetailElementId, default as AppWorkspace } from "./AppWorkspace";
+export { watchAppHostWidth } from "./app-host-width";
 export type { AppWorkspaceControllerOptions } from "./app-workspace-controller";
 export { installAppWorkspaceController, parkWorkspaceDetailDrawers } from "./app-workspace-controller";
 export type { AppWorkspaceLayoutState, AppWorkspaceResizeKind, } from "./app-workspace-state";

package/dist/types/surfaces/Placeholder.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from "solid-js";
 export type PlaceholderAlign = "center" | "left";
 export type PlaceholderSurface = "none" | "paper";
-export type PlaceholderState = "empty" | "loading" | "error";
+export type PlaceholderState = "empty" | "no-results" | "no-access" | "loading" | "error";
 /** `compact` stacks inside a section, `inline` is one row in a list or sidebar, `panel` fills a work area. */
 export type PlaceholderVariant = "compact" | "inline" | "panel";
 export type PlaceholderProps = {
@@ -9,6 +9,7 @@ export type PlaceholderProps = {
     description?: JSX.Element;
     icon?: string;
     action?: JSX.Element;
+    onRetry?: () => void;
     align?: PlaceholderAlign;
     surface?: PlaceholderSurface;
     state?: PlaceholderState;

package/map-glyphs/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2019 IBM Corp. All rights reserved. IBMPlexSans-Italic[wdth,wght].ttf: Copyright 2019 IBM Corp. All rights reserved.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -31,10 +31,12 @@
       "browser": "./dist/browser/chart-inspection.js",
       "default": "./dist/browser/chart-inspection.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./map-glyphs/*": "./map-glyphs/*"
   },
   "files": [
     "dist",
+    "map-glyphs",
     "README.md"
   ],
   "scripts": {
@@ -50,19 +52,20 @@
   "dependencies": {
     "@fontsource/ibm-plex-mono": "5.3.0",
     "@fontsource/ibm-plex-sans": "5.3.0",
-    "@k2b/stdlib": "0.29.0",
+    "@k2b/stdlib": "0.30.0",
     "@tabler/icons-webfont": "3.48.0",
+    "maplibre-gl": "6.14.0",
     "marked": "18.0.14",
     "qr-scanner": "1.4.2"
   },
   "peerDependencies": {
-    "@k2b/ssr": "^0.12.0 || ^0.13.0 || ^0.14.0 || ^0.15.0 || ^0.16.0 || ^0.17.0",
+    "@k2b/ssr": "^0.12.0 || ^0.13.0 || ^0.14.0 || ^0.15.0 || ^0.16.0 || ^0.17.0 || ^0.18.0 || ^0.19.0",
     "solid-js": "^1.9.10"
   },
   "devDependencies": {
     "@babel/core": "8.0.6",
     "@babel/preset-typescript": "8.0.1",
-    "@k2b/ssr": "0.17.0",
+    "@k2b/ssr": "0.19.0",
     "@types/babel__core": "7.20.5",
     "@types/bun": "1.4.2",
     "axe-core": "4.11.0",
@@ -76,7 +79,9 @@
     "solid-js": "1.9.15",
     "tailwindcss": "4.3.3",
     "typescript": "7.0.2",
-    "@typescript/typescript6": "6.0.2"
+    "@typescript/typescript6": "6.0.2",
+    "@maplibre/maplibre-gl-style-spec": "26.4.4",
+    "fontnik": "0.7.7"
   },
   "publishConfig": {
     "access": "public"