@almadar/ui 4.33.0 → 4.35.0

package/dist/components/molecules/BranchingLogicBuilder.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface BranchingQuestion {
+    id: string;
+    label: string;
+    optionValues?: string[];
+}
+export type BranchingOperator = 'equals' | 'not-equals' | 'contains' | 'in';
+export declare const END_OF_SURVEY = "end-of-survey";
+export interface BranchingRule {
+    id: string;
+    sourceQuestionId: string;
+    operator: BranchingOperator;
+    value: string | string[];
+    targetQuestionId: string | typeof END_OF_SURVEY;
+}
+export interface BranchingLogicBuilderProps {
+    questions: BranchingQuestion[];
+    rules: BranchingRule[];
+    onRulesChange?: (rules: BranchingRule[]) => void;
+    readOnly?: boolean;
+    className?: string;
+}
+export declare const BranchingLogicBuilder: React.FC<BranchingLogicBuilderProps>;

package/dist/components/molecules/LikertScale.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+export type LikertScaleSize = "sm" | "md" | "lg";
+export type LikertScaleVariant = "radios" | "buttons";
+export interface LikertOption {
+    /** Underlying value bound to the option */
+    value: number | string;
+    /** Visible label below (radios) or inside (buttons) the control */
+    label: string;
+}
+export interface LikertScaleProps {
+    /** Optional row prompt above the scale */
+    question?: string;
+    /** Scale points (defaults to a 5-point agree/disagree set) */
+    options?: LikertOption[];
+    /** Selected value (controlled) */
+    value?: number | string | null;
+    /** Change callback */
+    onChange?: (value: number | string) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: LikertScaleSize;
+    /** Visual variant: classic radios or pill segmented buttons */
+    variant?: LikertScaleVariant;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const DEFAULT_LIKERT_OPTIONS: LikertOption[];
+export declare const LikertScale: React.ForwardRefExoticComponent<LikertScaleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/molecules/MapView.d.ts

@@ -11,9 +11,31 @@ export interface MapMarkerData {
     /** Optional category for styling */
     category?: string;
 }
+export interface MapRouteWaypoint {
+    lat: number;
+    lng: number;
+}
+export interface MapRouteData {
+    /** Unique route identifier */
+    id: string | number;
+    /** Ordered waypoints rendered as a polyline */
+    waypoints: MapRouteWaypoint[];
+    /** Stroke color (CSS color). Defaults to a theme-aware accent. */
+    color?: string;
+    /** Stroke weight in pixels (default 4) */
+    weight?: number;
+    /** Stroke opacity 0..1 (default 0.8) */
+    opacity?: number;
+    /** Optional dashed pattern (e.g. "8 4") */
+    dashArray?: string;
+    /** Label shown in a popup at the midpoint */
+    label?: string;
+}
 export interface MapViewProps {
     /** Array of markers to display */
     markers?: MapMarkerData[];
+    /** Routes (polylines with optional popups) drawn over the tile layer */
+    routes?: MapRouteData[];
     /** Map center latitude */
     centerLat?: number;
     /** Map center longitude */

package/dist/components/molecules/MatrixQuestion.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+export interface MatrixRow {
+    id: string;
+    label: string;
+}
+export interface MatrixColumn {
+    value: number | string;
+    label: string;
+}
+export interface MatrixQuestionProps {
+    /** Optional title rendered above the matrix */
+    title?: string;
+    /** Question rows */
+    rows: MatrixRow[];
+    /** Column definitions; defaults to 5-point Likert */
+    columns?: MatrixColumn[];
+    /** Selected value per row, keyed by rowId */
+    values?: Record<string, number | string>;
+    /** Change handler invoked with rowId and selected column value */
+    onChange?: (rowId: string, value: number | string) => void;
+    /** Disable all inputs */
+    disabled?: boolean;
+    /** Visual size */
+    size?: 'sm' | 'md';
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const DEFAULT_MATRIX_COLUMNS: MatrixColumn[];
+export declare const MatrixQuestion: React.FC<MatrixQuestionProps>;

package/dist/components/molecules/OptionConstraintGroup.d.ts

@@ -0,0 +1,38 @@
+/**
+ * OptionConstraintGroup Molecule Component
+ *
+ * Generic constrained option selector (radio for "single", checkbox for "multi") with required/optional/multi
+ * constraints. Renders radio inputs for `single` constraint and checkboxes for
+ * `multi`. Reports validation errors inline when the current selection
+ * violates the constraint.
+ *
+ * **Atomic Design**: Composed using Typography atom and native form controls.
+ */
+import React from 'react';
+export interface OptionConstraintOption {
+    id: string;
+    label: string;
+    priceDelta?: number;
+    disabled?: boolean;
+    outOfStock?: boolean;
+}
+export type OptionConstraint = {
+    type: 'single';
+    required?: boolean;
+} | {
+    type: 'multi';
+    min?: number;
+    max?: number;
+};
+export interface OptionConstraintGroupProps {
+    groupId: string;
+    title: string;
+    description?: string;
+    options: OptionConstraintOption[];
+    constraint: OptionConstraint;
+    selected?: string[];
+    onChange?: (selected: string[]) => void;
+    size?: 'sm' | 'md';
+    className?: string;
+}
+export declare const OptionConstraintGroup: React.FC<OptionConstraintGroupProps>;

package/dist/components/molecules/PositionedCanvas.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import type { EventPayloadValue } from "@almadar/core";
+export type CanvasItemStatus = 'empty' | 'seated' | 'ordered' | 'awaiting-bill' | 'cleaning';
+export type CanvasItemShape = 'round' | 'rectangle' | 'square';
+export interface CanvasItem {
+    id: string;
+    label: string;
+    x: number;
+    y: number;
+    shape?: CanvasItemShape;
+    capacity: number;
+    status?: CanvasItemStatus;
+    partySize?: number;
+    serverName?: string;
+}
+export interface PositionedCanvasProps {
+    /**
+     * Items to render. Accepts either a typed array (direct consumers) or the
+     * runtime payload shape from a render-ui binding (`@payload.data`). The
+     * molecule narrows non-array values to `[]` and validates element shape at
+     * render time via the `id` / `x` / `y` guards.
+     */
+    items: readonly CanvasItem[] | EventPayloadValue;
+    width?: number;
+    height?: number;
+    selectedId?: string | null;
+    editable?: boolean;
+    onSelect?: (id: string | null) => void;
+    onMove?: (id: string, x: number, y: number) => void;
+    className?: string;
+}
+export declare const PositionedCanvas: React.FC<PositionedCanvasProps>;

package/dist/components/molecules/QrScanner.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface QrScanResult {
+    text: string;
+    format: string;
+    timestamp: number;
+}
+export interface QrScannerProps {
+    onScan?: (result: QrScanResult) => void;
+    onError?: (error: Error) => void;
+    facingMode?: 'environment' | 'user';
+    paused?: boolean;
+    showOverlay?: boolean;
+    showCameraControls?: boolean;
+    fallback?: React.ReactNode;
+    className?: string;
+}
+export declare const QrScanner: React.FC<QrScannerProps>;

package/dist/components/molecules/ReplyTree.d.ts

@@ -0,0 +1,29 @@
+/**
+ * ReplyTree Organism Component
+ *
+ * Recursive nested-thread reply renderer with collapse, per-node mod actions, and vote.
+ * Composes the VoteStack molecule + Avatar/Typography/Button atoms.
+ */
+import React from "react";
+export interface ReplyNode {
+    id: string;
+    authorName: string;
+    authorAvatarUrl?: string;
+    content: string;
+    postedAt: string;
+    voteCount?: number;
+    userVote?: 'up' | 'down' | null;
+    replies?: ReplyNode[];
+    collapsed?: boolean;
+}
+export interface ReplyTreeProps {
+    nodes: ReplyNode[];
+    maxDepth?: number;
+    onVote?: (nodeId: string, vote: 'up' | 'down' | null) => void;
+    onReply?: (parentNodeId: string) => void;
+    onFlag?: (nodeId: string) => void;
+    onContinueThread?: (nodeId: string) => void;
+    showActions?: boolean;
+    className?: string;
+}
+export declare const ReplyTree: React.FC<ReplyTreeProps>;

package/dist/components/molecules/RichBlockEditor.d.ts

@@ -0,0 +1,27 @@
+/**
+ * RichBlockEditor Organism Component
+ *
+ * Notion / Lexical-style block authoring editor. Internal state owns the
+ * block tree; contentEditable spans flow updates back through onInput.
+ *
+ * TODO(phase-11): collaboration / undo-redo / markdown export are out of
+ * scope for the Phase 10 scaffold.
+ */
+import React from "react";
+export type BlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "bullet-list" | "numbered-list" | "quote" | "code" | "divider" | "image";
+export interface RichBlock {
+    id: string;
+    type: BlockType;
+    content?: string;
+    metadata?: Record<string, string | number | boolean>;
+    children?: RichBlock[];
+}
+export interface RichBlockEditorProps {
+    initialBlocks?: RichBlock[];
+    onChange?: (blocks: RichBlock[]) => void;
+    readOnly?: boolean;
+    placeholder?: string;
+    showToolbar?: boolean;
+    className?: string;
+}
+export declare const RichBlockEditor: React.FC<RichBlockEditorProps>;

package/dist/components/molecules/VersionDiff.d.ts

@@ -0,0 +1,44 @@
+/**
+ * VersionDiff Organism Component
+ *
+ * Side-by-side or inline diff render with line-level highlights and
+ * a revision picker. Composes atoms for layout. Computes a minimal
+ * LCS-based line diff inline (no external diff library).
+ */
+import React from "react";
+export interface DiffRevision {
+    id: string;
+    label: string;
+    author?: string;
+    timestamp?: string;
+    content: string;
+}
+export type DiffLineType = "added" | "removed" | "unchanged" | "context";
+export interface DiffLine {
+    type: DiffLineType;
+    beforeLineNumber?: number;
+    afterLineNumber?: number;
+    content: string;
+}
+export type VersionDiffView = "side-by-side" | "inline";
+export interface VersionDiffProps {
+    /** All available revisions (at least 2). */
+    revisions: DiffRevision[];
+    /** Currently selected "before" revision id. */
+    beforeId?: string;
+    /** Currently selected "after" revision id. */
+    afterId?: string;
+    /** Display mode. */
+    view?: VersionDiffView;
+    /** Called when the user picks a different "before" revision. */
+    onSelectBefore?: (id: string) => void;
+    /** Called when the user picks a different "after" revision. */
+    onSelectAfter?: (id: string) => void;
+    /** Called when the user clicks the revert button (passes the "before" id). */
+    onRevert?: (id: string) => void;
+    /** Language label (informational). */
+    language?: string;
+    /** Additional CSS classes. */
+    className?: string;
+}
+export declare const VersionDiff: React.FC<VersionDiffProps>;

package/dist/components/molecules/VoteStack.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export type VoteStackSize = "sm" | "md" | "lg";
+export type VoteStackVariant = "vertical" | "horizontal";
+export type VoteValue = "up" | "down" | null;
+export interface VoteStackProps {
+    /** Current tally */
+    count: number;
+    /** Current user's vote (null = no vote cast) */
+    userVote?: VoteValue;
+    /** Toggle handler. Clicking the same arrow clears (emits null). */
+    onVote?: (next: VoteValue) => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: VoteStackSize;
+    /** Layout orientation. `vertical` = forum/Q&A column; `horizontal` = compact row. */
+    variant?: VoteStackVariant;
+    /** Additional CSS classes */
+    className?: string;
+    /** Accessible label for the group */
+    label?: string;
+}
+export declare const VoteStack: React.FC<VoteStackProps>;

package/dist/components/molecules/index.d.ts

@@ -45,7 +45,7 @@ export { LineChart, type LineChartProps, type ChartDataPoint } from './LineChart
 export { ProgressDots, type ProgressDotsProps, type DotState, type DotSize } from './ProgressDots';
 export * from './game';
 export { GraphView, type GraphViewProps, type GraphViewNode, type GraphViewEdge } from './GraphView';
-export { MapView, type MapViewProps, type MapMarkerData } from './MapView';
+export { MapView, type MapViewProps, type MapMarkerData, type MapRouteData, type MapRouteWaypoint } from './MapView';
 export { NumberStepper, type NumberStepperProps, type NumberStepperSize } from './NumberStepper';
 export { StarRating, type StarRatingProps, type StarRatingSize, type StarRatingPrecision } from './StarRating';
 export { UploadDropZone, type UploadDropZoneProps } from './UploadDropZone';
@@ -79,3 +79,13 @@ export { TeamCard, type TeamCardProps } from './TeamCard';
 export { ShowcaseCard, type ShowcaseCardProps } from './ShowcaseCard';
 export { GeometricPattern, type GeometricPatternProps } from './GeometricPattern';
 export { EdgeDecoration, type EdgeDecorationProps, type EdgeVariant, type EdgeSide } from './EdgeDecoration';
+export { VoteStack, type VoteStackProps } from './VoteStack';
+export { LikertScale, type LikertScaleProps, type LikertOption, DEFAULT_LIKERT_OPTIONS } from './LikertScale';
+export { MatrixQuestion, type MatrixQuestionProps, type MatrixRow, type MatrixColumn, DEFAULT_MATRIX_COLUMNS } from './MatrixQuestion';
+export { QrScanner, type QrScannerProps, type QrScanResult } from './QrScanner';
+export { OptionConstraintGroup, type OptionConstraintGroupProps, type OptionConstraintOption, type OptionConstraint } from './OptionConstraintGroup';
+export { PositionedCanvas, type PositionedCanvasProps, type CanvasItem, type CanvasItemStatus, type CanvasItemShape } from './PositionedCanvas';
+export { RichBlockEditor, type RichBlockEditorProps, type RichBlock, type BlockType } from './RichBlockEditor';
+export { ReplyTree, type ReplyTreeProps, type ReplyNode } from './ReplyTree';
+export { BranchingLogicBuilder, type BranchingLogicBuilderProps, type BranchingQuestion, type BranchingRule } from './BranchingLogicBuilder';
+export { VersionDiff, type VersionDiffProps, type DiffRevision, type DiffLine as VersionDiffLine, type DiffLineType } from './VersionDiff';

package/dist/docs/index.cjs

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React5__default = /*#__PURE__*/_interopDefault(React5);
 var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 
-// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -42,7 +42,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);

package/dist/docs/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, ChevronDown, X } from 'lucide-react';
 
-// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -18,7 +18,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);

package/dist/marketing/index.cjs

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React6__default = /*#__PURE__*/_interopDefault(React6);
 var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 
-// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f3, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -42,7 +42,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);

package/dist/marketing/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, Check, User } from 'lucide-react';
 
-// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f3, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -18,7 +18,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);

package/dist/providers/index.cjs

@@ -7002,7 +7002,7 @@ var init_MapView = __esm({
         import('leaflet')
       ]);
       await import('leaflet/dist/leaflet.css');
-      const { MapContainer, TileLayer, Marker, Popup, useMap } = reactLeaflet;
+      const { MapContainer, TileLayer, Marker, Polyline, Popup, useMap } = reactLeaflet;
       const L = leafletMod.default;
       const defaultIcon = L.icon({
         iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
@@ -7045,6 +7045,7 @@ var init_MapView = __esm({
       }
       function MapViewInner({
         markers = [],
+        routes = [],
         centerLat = 51.505,
         centerLng = -0.09,
         zoom = 13,
@@ -7113,6 +7114,20 @@ var init_MapView = __esm({
                       ] }) : null
                     },
                     marker.id
+                  )),
+                  routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(
+                    Polyline,
+                    {
+                      positions: route.waypoints.map((wp) => [wp.lat, wp.lng]),
+                      pathOptions: {
+                        color: route.color ?? "var(--primary, #2563eb)",
+                        weight: route.weight ?? 4,
+                        opacity: route.opacity ?? 0.8,
+                        dashArray: route.dashArray
+                      },
+                      children: route.label ? /* @__PURE__ */ jsxRuntime.jsx(Popup, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography2, { variant: "body2", children: route.label }) }) : null
+                    },
+                    route.id
                   ))
                 ]
               },
@@ -9595,9 +9610,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
+// node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;

package/dist/providers/index.css

@@ -1,4 +1,4 @@
-/* node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css */
+/* node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;

package/dist/providers/index.js

@@ -6957,7 +6957,7 @@ var init_MapView = __esm({
         import('leaflet')
       ]);
       await import('leaflet/dist/leaflet.css');
-      const { MapContainer, TileLayer, Marker, Popup, useMap } = reactLeaflet;
+      const { MapContainer, TileLayer, Marker, Polyline, Popup, useMap } = reactLeaflet;
       const L = leafletMod.default;
       const defaultIcon = L.icon({
         iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
@@ -7000,6 +7000,7 @@ var init_MapView = __esm({
       }
       function MapViewInner({
         markers = [],
+        routes = [],
         centerLat = 51.505,
         centerLng = -0.09,
         zoom = 13,
@@ -7068,6 +7069,20 @@ var init_MapView = __esm({
                       ] }) : null
                     },
                     marker.id
+                  )),
+                  routes.map((route) => /* @__PURE__ */ jsx(
+                    Polyline,
+                    {
+                      positions: route.waypoints.map((wp) => [wp.lat, wp.lng]),
+                      pathOptions: {
+                        color: route.color ?? "var(--primary, #2563eb)",
+                        weight: route.weight ?? 4,
+                        opacity: route.opacity ?? 0.8,
+                        dashArray: route.dashArray
+                      },
+                      children: route.label ? /* @__PURE__ */ jsx(Popup, { children: /* @__PURE__ */ jsx(Typography2, { variant: "body2", children: route.label }) }) : null
+                    },
+                    route.id
                   ))
                 ]
               },
@@ -9550,9 +9565,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
+// node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;

package/dist/runtime/index.cjs

@@ -6890,7 +6890,7 @@ var init_MapView = __esm({
         import('leaflet')
       ]);
       await import('leaflet/dist/leaflet.css');
-      const { MapContainer, TileLayer, Marker, Popup, useMap } = reactLeaflet;
+      const { MapContainer, TileLayer, Marker, Polyline, Popup, useMap } = reactLeaflet;
       const L = leafletMod.default;
       const defaultIcon = L.icon({
         iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
@@ -6933,6 +6933,7 @@ var init_MapView = __esm({
       }
       function MapViewInner({
         markers = [],
+        routes = [],
         centerLat = 51.505,
         centerLng = -0.09,
         zoom = 13,
@@ -7001,6 +7002,20 @@ var init_MapView = __esm({
                       ] }) : null
                     },
                     marker.id
+                  )),
+                  routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(
+                    Polyline,
+                    {
+                      positions: route.waypoints.map((wp) => [wp.lat, wp.lng]),
+                      pathOptions: {
+                        color: route.color ?? "var(--primary, #2563eb)",
+                        weight: route.weight ?? 4,
+                        opacity: route.opacity ?? 0.8,
+                        dashArray: route.dashArray
+                      },
+                      children: route.label ? /* @__PURE__ */ jsxRuntime.jsx(Popup, { children: /* @__PURE__ */ jsxRuntime.jsx(Typography2, { variant: "body2", children: route.label }) }) : null
+                    },
+                    route.id
                   ))
                 ]
               },
@@ -9495,9 +9510,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
+// node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;

package/dist/runtime/index.css

@@ -1,4 +1,4 @@
-/* node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css */
+/* node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;

package/dist/runtime/index.js

@@ -6845,7 +6845,7 @@ var init_MapView = __esm({
         import('leaflet')
       ]);
       await import('leaflet/dist/leaflet.css');
-      const { MapContainer, TileLayer, Marker, Popup, useMap } = reactLeaflet;
+      const { MapContainer, TileLayer, Marker, Polyline, Popup, useMap } = reactLeaflet;
       const L = leafletMod.default;
       const defaultIcon = L.icon({
         iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
@@ -6888,6 +6888,7 @@ var init_MapView = __esm({
       }
       function MapViewInner({
         markers = [],
+        routes = [],
         centerLat = 51.505,
         centerLng = -0.09,
         zoom = 13,
@@ -6956,6 +6957,20 @@ var init_MapView = __esm({
                       ] }) : null
                     },
                     marker.id
+                  )),
+                  routes.map((route) => /* @__PURE__ */ jsx(
+                    Polyline,
+                    {
+                      positions: route.waypoints.map((wp) => [wp.lat, wp.lng]),
+                      pathOptions: {
+                        color: route.color ?? "var(--primary, #2563eb)",
+                        weight: route.weight ?? 4,
+                        opacity: route.opacity ?? 0.8,
+                        dashArray: route.dashArray
+                      },
+                      children: route.label ? /* @__PURE__ */ jsx(Popup, { children: /* @__PURE__ */ jsx(Typography2, { variant: "body2", children: route.label }) }) : null
+                    },
+                    route.id
                   ))
                 ]
               },
@@ -9450,9 +9465,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
+// node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;