themelia-ui 1.0.0

package/dist/features/kanban.js

@@ -0,0 +1,316 @@
+"use client";
+import "../core.css";
+import "../css/kanban.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { c as n } from "../buttons-CabBjPap.js";
+import { n as r } from "../action-menu-jAPdRvbi.js";
+import { t as i } from "../strings-Co9_qArR.js";
+import { GripVerticalIcon as a } from "lucide-react";
+import { createContext as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p } from "react/jsx-runtime";
+import { DndContext as m, DragOverlay as h, PointerSensor as g, useDroppable as _, useSensor as v, useSensors as y } from "@dnd-kit/core";
+import { SortableContext as b, useSortable as x, verticalListSortingStrategy as S } from "@dnd-kit/sortable";
+import { CSS as C } from "@dnd-kit/utilities";
+//#region src/components/features/kanban/kanban-context.ts
+var w = o(null), T = w.Provider;
+function E() {
+	let e = c(w);
+	if (!e) throw Error("Kanban parts must be used inside a <Kanban> root.");
+	return e;
+}
+var D = o(null), O = D.Provider;
+function k() {
+	let e = c(D);
+	if (!e) throw Error("KanbanItemHandle and KanbanItemActions must be used inside a <KanbanItem>.");
+	return e;
+}
+//#endregion
+//#region src/components/features/kanban/use-kanban.ts
+function A({ value: e, onValueChange: t, getItemValue: n, onItemMove: r }) {
+	let i = s((t) => {
+		for (let [r, i] of Object.entries(e)) {
+			let e = i.findIndex((e) => n(e) === t);
+			if (e >= 0) return {
+				columnId: r,
+				index: e,
+				item: i[e]
+			};
+		}
+	}, [n, e]), a = s(({ itemId: n, toColumnId: a, toIndex: o }) => {
+		let s = i(n);
+		if (!s || !Object.prototype.hasOwnProperty.call(e, a)) return;
+		let { columnId: c, index: l, item: u } = s, d = e[a], f = o === void 0 ? d.length : Math.max(0, Math.min(o, d.length));
+		if (c === a && l === f) return;
+		let p = { ...e }, m = [...p[c]];
+		m.splice(l, 1), p[c] = m;
+		let h = [...c === a ? m : p[a]], g = c === a && l < f ? Math.max(0, f - 1) : f;
+		h.splice(g, 0, u), p[a] = h, t(p), r?.({
+			item: u,
+			itemId: n,
+			from: {
+				columnId: c,
+				index: l
+			},
+			to: {
+				columnId: a,
+				index: g
+			}
+		});
+	}, [
+		i,
+		r,
+		t,
+		e
+	]);
+	return u(() => ({
+		findItem: i,
+		move: a
+	}), [i, a]);
+}
+//#endregion
+//#region src/components/features/kanban/kanban.strings.ts
+var j = {
+	formatDragStart: (e) => `Picked up ${e}.`,
+	formatDragMove: (e, t) => `Moving ${e} to ${t}.`,
+	formatDragEnd: (e, t) => `Dropped ${e} into ${t}.`,
+	formatDragCancel: (e) => `Cancelled the drag of ${e}.`,
+	dragHandleLabel: "Drag handle",
+	boardLabel: "Board",
+	itemActionsLabel: "Item actions"
+}, M = {
+	root: "kanban-module__root___7rU6S",
+	board: "kanban-module__board___Y14Cj",
+	column: "kanban-module__column___gwMsZ",
+	columnContent: "kanban-module__columnContent___X-gZu",
+	item: "kanban-module__item___gJBrq",
+	handle: "kanban-module__handle___wJu6v",
+	actions: "kanban-module__actions___SthGl",
+	actionsTrigger: "kanban-module__actionsTrigger___6AeYQ",
+	overlay: "kanban-module__overlay___9d47Y"
+}, N = 6;
+function P({ value: t, onValueChange: n, getItemValue: r, onItemMove: a, itemActions: o, onItemClick: c, strings: l, className: f, children: h }) {
+	let _ = u(() => i(j, l), [l]), { findItem: b, move: x } = A({
+		value: t,
+		onValueChange: n,
+		getItemValue: r,
+		onItemMove: a
+	}), [S, C] = d(null), w = y(v(g, { activationConstraint: { distance: N } })), E = u(() => S ? b(S)?.item ?? null : null, [S, b]), D = s((e) => {
+		C(null);
+		let { active: n, over: r } = e;
+		if (!r) return;
+		let i = r.data.current, a = String(r.id), o = i?.columnId ?? (Object.prototype.hasOwnProperty.call(t, a) ? a : void 0);
+		o && x({
+			itemId: String(n.id),
+			toColumnId: o,
+			toIndex: i?.columnId === void 0 ? void 0 : i.index
+		});
+	}, [x, t]), O = u(() => ({
+		value: t,
+		onValueChange: n,
+		getItemValue: r,
+		activeId: S,
+		activeItem: E,
+		findItem: b,
+		itemActions: o,
+		onItemClick: c,
+		strings: _
+	}), [
+		S,
+		E,
+		_,
+		b,
+		r,
+		o,
+		c,
+		n,
+		t
+	]);
+	return /* @__PURE__ */ p(T, {
+		value: O,
+		children: /* @__PURE__ */ p(m, {
+			sensors: w,
+			onDragStart: (e) => C(String(e.active.id)),
+			onDragEnd: D,
+			onDragCancel: () => C(null),
+			accessibility: { announcements: {
+				onDragStart: ({ active: e }) => _.formatDragStart(String(e.id)),
+				onDragOver: ({ active: e, over: t }) => t ? _.formatDragMove(String(e.id), String(t.id)) : void 0,
+				onDragEnd: ({ active: e, over: t }) => _.formatDragEnd(String(e.id), t ? String(t.id) : ""),
+				onDragCancel: ({ active: e }) => _.formatDragCancel(String(e.id))
+			} },
+			children: /* @__PURE__ */ p("div", {
+				role: "application",
+				"aria-label": _.boardLabel,
+				className: e("kanban--component", M.root, f),
+				children: h
+			})
+		})
+	});
+}
+function F({ className: t, style: n, children: r }) {
+	return /* @__PURE__ */ p("div", {
+		"data-slot": "kanban-board",
+		style: n,
+		className: e("kanban-board--component", M.board, t),
+		children: r
+	});
+}
+function I({ value: t, className: n, children: r }) {
+	let { setNodeRef: i, isOver: a } = _({ id: t });
+	return /* @__PURE__ */ p("div", {
+		ref: i,
+		"data-slot": "kanban-column",
+		"data-column-id": t,
+		"data-over": a || void 0,
+		className: e("kanban-column--component", M.column, n),
+		children: r
+	});
+}
+function L({ value: t, className: n, children: r }) {
+	let i = E(), a = (i.value[t] ?? []).map((e) => i.getItemValue(e));
+	return /* @__PURE__ */ p(b, {
+		items: a,
+		strategy: S,
+		children: /* @__PURE__ */ p("div", {
+			"data-slot": "kanban-column-content",
+			className: e("kanban-column-content--component", M.columnContent, n),
+			children: r
+		})
+	});
+}
+function R({ value: t, className: n, disabled: r = !1, onClick: i, children: a }) {
+	let o = E(), c = o.findItem(t), { attributes: l, listeners: f, setNodeRef: m, setActivatorNodeRef: h, transform: g, transition: _, isDragging: v } = x({
+		id: t,
+		disabled: r,
+		data: {
+			columnId: c?.columnId,
+			index: c?.index
+		}
+	}), [y, b] = d(0), S = y > 0, w = s(() => (b((e) => e + 1), () => b((e) => Math.max(0, e - 1))), []), T = u(() => ({
+		listeners: f,
+		attributes: l,
+		setActivatorNodeRef: h,
+		registerHandle: w,
+		itemId: t,
+		item: c?.item ?? null
+	}), [
+		l,
+		c?.item,
+		f,
+		w,
+		h,
+		t
+	]), D = o.onItemClick, k = !!(i || D), A = c?.item, j = s((e) => {
+		if (!e.target?.closest("[data-stop-item-click]")) {
+			if (i) {
+				i();
+				return;
+			}
+			D && A !== void 0 && D(A);
+		}
+	}, [
+		A,
+		i,
+		D
+	]);
+	return /* @__PURE__ */ p(O, {
+		value: T,
+		children: /* @__PURE__ */ p("div", {
+			ref: m,
+			style: {
+				transform: C.Transform.toString(g),
+				transition: _,
+				opacity: v ? .4 : void 0
+			},
+			"data-slot": "kanban-item",
+			"data-dragging": v || void 0,
+			"data-clickable": k || void 0,
+			className: e("kanban-item--component", M.item, n),
+			onClick: k ? j : void 0,
+			...S ? {} : l,
+			...S ? {} : f,
+			children: a
+		})
+	});
+}
+function z({ className: t, children: r, ref: i }) {
+	let { setActivatorNodeRef: o, listeners: c, attributes: u, registerHandle: d } = k(), { strings: f } = E();
+	l(() => d(), [d]);
+	let m = s((e) => {
+		o(e), typeof i == "function" ? i(e) : i && (i.current = e);
+	}, [i, o]);
+	return /* @__PURE__ */ p(n, {
+		ref: m,
+		type: "button",
+		tone: "neutral",
+		buttonStyle: "ghost",
+		iconOnly: !0,
+		"data-slot": "kanban-item-handle",
+		"data-stop-item-click": !0,
+		"aria-label": f.dragHandleLabel,
+		onClick: (e) => e.stopPropagation(),
+		className: e("kanban-item-handle--component", M.handle, t),
+		...u,
+		...c,
+		children: r ?? /* @__PURE__ */ p(a, {})
+	});
+}
+function B({ className: t, icon: n, label: i }) {
+	let a = E(), { item: o } = k(), s = u(() => {
+		let e = a.itemActions;
+		return !e || o == null ? [] : (typeof e == "function" ? e(o) : e).flatMap((e) => {
+			if (!(typeof e.visible == "function" ? e.visible(o) : e.visible ?? !0)) return [];
+			let t = typeof e.disabled == "function" ? e.disabled(o) : e.disabled ?? !1;
+			return [{
+				...e,
+				disabled: t
+			}];
+		});
+	}, [a.itemActions, o]);
+	if (o === null || s.length === 0) return null;
+	let c = s.map((e) => ({
+		id: e.id,
+		label: e.label,
+		icon: e.icon ? () => /* @__PURE__ */ p(f, { children: e.icon }) : void 0,
+		disabled: e.disabled,
+		tone: e.tone,
+		onClick: () => e.onClick(o)
+	}));
+	return /* @__PURE__ */ p("span", {
+		"data-stop-item-click": !0,
+		onClick: (e) => e.stopPropagation(),
+		onPointerDown: (e) => e.stopPropagation(),
+		className: e("kanban-item-actions--component", M.actions),
+		children: /* @__PURE__ */ p(r, {
+			actions: c,
+			icon: n ? () => /* @__PURE__ */ p(f, { children: n }) : void 0,
+			strings: { trigger: i ?? a.strings.itemActionsLabel },
+			align: "end",
+			buttonProps: {
+				iconOnly: !0,
+				tone: "neutral",
+				buttonStyle: "ghost",
+				className: e(M.actionsTrigger, t)
+			}
+		})
+	});
+}
+function V({ className: n, render: r }) {
+	let { activeItem: i, activeId: a, findItem: o } = E();
+	return /* @__PURE__ */ p(h, { children: a ? r ? r({
+		item: i,
+		columnId: o(a)?.columnId ?? null
+	}) : /* @__PURE__ */ p("div", {
+		className: e(M.overlay, n),
+		children: /* @__PURE__ */ p(t, {
+			tag: "span",
+			size: "xs",
+			type: "inherit",
+			weight: "medium",
+			children: a
+		})
+	}) : null });
+}
+//#endregion
+export { P as Kanban, F as KanbanBoard, I as KanbanColumn, L as KanbanColumnContent, R as KanbanItem, B as KanbanItemActions, z as KanbanItemHandle, V as KanbanOverlay, j as defaultKanbanStrings, A as useKanban, E as useKanbanContext, k as useKanbanItemContext };

package/dist/features/map.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../buttons-CQc0AVpb.cjs"),n=require("../dropdown-menu-yJ7XUydU.cjs"),r=require("../use-hydrated-DwqJ02th.cjs"),i=require("../display-BPuD0OAo.cjs"),a=require("../use-debounce-CKfx87CG.cjs"),o=require("../popover-1YaYvaYu.cjs"),s=require("../input-group-BOAOqzrn.cjs"),c=require("../command-stmM9WWi.cjs");let l=require("lucide-react"),u=require("react"),d=require("react/jsx-runtime"),f=require("react-dom/server"),p=require("clsx");var m=Symbol(`absent`);function h(e,{handleIcon:t,drawError:n,editInstructions:r,removeInstructions:i}){let a=[],o=(e,t)=>{let n=e.prototype.options??{},r=Object.keys(t).map(e=>[e,e in n?n[e]:m]);e.mergeOptions(t),a.push(()=>{let t=e.prototype.options;if(t)for(let[e,n]of r)n===m?delete t[e]:t[e]=n})};o(e.Edit.PolyVerticesEdit,{icon:t,touchIcon:t,drawError:n}),o(e.Edit.SimpleShape,{moveIcon:t,resizeIcon:t,touchMoveIcon:t,touchResizeIcon:t});let s=e.drawLocal.edit.handlers,c=s.edit.tooltip,l=s.remove.tooltip;return s.edit.tooltip={text:r,subtext:``},s.remove.tooltip={text:i},a.push(()=>{s.edit.tooltip=c,s.remove.tooltip=l}),()=>{for(let e of a.reverse())e()}}function g({selected:e,defaultTileLayer:t,available:n}){let r=e=>e!==void 0&&e!==``&&n.some(t=>t.name===e);return r(e)?e:r(t)?t:n[0]?.name??``}function _({defaultTileLayer:e,available:t}){return!e||t.length===0?!1:!t.some(t=>t.name===e)}var v={defaultTileLayer:`Default`,mapType:`Map type`,layers:`Layers`,selectLayers:`Select layers`,marker:`Map marker`,zoomControls:`Zoom controls`,zoomIn:`Zoom in`,zoomOut:`Zoom out`,enterFullscreen:`Enter fullscreen`,exitFullscreen:`Exit fullscreen`,locating:`Locating…`,stopTracking:`Stop tracking`,trackLocation:`Track location`,stopLocationTracking:`Stop location tracking`,startLocationTracking:`Start location tracking`,currentLocation:`Current location`,drawMarker:`Draw marker`,drawPolyline:`Draw polyline`,drawCircle:`Draw circle`,drawRectangle:`Draw rectangle`,drawPolygon:`Draw polygon`,editShapes:`Edit shapes`,removeShapes:`Remove shapes`,undoEdit:`Undo edit`,undoRemove:`Undo remove`,editInstructions:`Drag handles or markers to edit.`,removeInstructions:`Click a shape to remove it.`},y={searchPlaceholder:`Search`,loading:`Searching places`,error:e=>`Error: ${e}`,noResults:e=>`Can’t find “${e}”.`,unknownPlace:`Unknown`},b=(0,u.createContext)(null);function x(e){let t=(0,u.lazy)(e);return function(e){return r.t()?(0,d.jsx)(u.Suspense,{children:(0,d.jsx)(t,{...e})}):null}}var S=x(()=>import(`react-leaflet`).then(e=>({default:e.MapContainer}))),C=x(()=>import(`react-leaflet`).then(e=>({default:e.TileLayer}))),w=x(()=>import(`react-leaflet`).then(e=>({default:e.Marker}))),ee=x(()=>import(`react-leaflet`).then(e=>({default:e.Popup}))),te=x(()=>import(`react-leaflet`).then(e=>({default:e.Tooltip}))),T=x(()=>import(`react-leaflet`).then(e=>({default:e.Circle}))),E=x(()=>import(`react-leaflet`).then(e=>({default:e.CircleMarker}))),ne=x(()=>import(`react-leaflet`).then(e=>({default:e.Polyline}))),D=x(()=>import(`react-leaflet`).then(e=>({default:e.Polygon}))),re=x(()=>import(`react-leaflet`).then(e=>({default:e.Rectangle}))),O=x(()=>import(`react-leaflet`).then(e=>({default:e.LayerGroup}))),k=x(()=>import(`react-leaflet`).then(e=>({default:e.FeatureGroup}))),A=x(()=>import(`react-leaflet-markercluster`).then(e=>({default:e.default}))),j=x(async()=>{let e=await import(`react-leaflet`);function t({children:t}){return(0,d.jsx)(b.Provider,{value:{useMap:e.useMap,useMapEvents:e.useMapEvents},children:t})}return{default:t}});function M(){let e=(0,u.useContext)(b);if(!e)throw Error(`Map controls must be rendered inside <Map>.`);return e.useMap()}function N(e){let t=(0,u.useContext)(b);if(!t)throw Error(`Map controls must be rendered inside <Map>.`);return t.useMapEvents(e)}function P(){let[e,t]=(0,u.useState)(null),[n,r]=(0,u.useState)(null);return(0,u.useEffect)(()=>{if(e&&n||typeof window>`u`)return;async function i(){let e=await import(`leaflet`),n=await import(`leaflet.fullscreen`),i=await import(`leaflet-draw`),a=e.default;a.Control&&!a.Control.FullScreen&&(a.Control.FullScreen=n.default??n),r(i),t(a)}i()},[e,n]),{L:e,LeafletDraw:n}}function F(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function I(e=200){let[t,n]=(0,u.useState)(!1),[r,i]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{if(!t){i(!1);return}let n=setTimeout(()=>i(!0),e);return()=>clearTimeout(n)},[e,t]),[r,n]}var L={map:`map-module__map___zyqcL`,heightSm:`map-module__heightSm___LLB-J`,heightMd:`map-module__heightMd___SlPkc`,heightLg:`map-module__heightLg___HFkvN`,surfaceFramed:`map-module__surfaceFramed___ivFaV`,surfaceFlush:`map-module__surfaceFlush___xGdT5`,control:`map-module__control___isjFf`,topLeft:`map-module__topLeft___O1fF3`,topRight:`map-module__topRight___-kit0`,bottomLeft:`map-module__bottomLeft___IOGg5`,bottomRight:`map-module__bottomRight___vZ8cf`,controlButton:`map-module__controlButton___q4sJ3`,controlMenu:`map-module__controlMenu___Gcc1c`,searchControl:`map-module__searchControl___NU3GI`,spin:`map-module__spin___crF-r`,shape:`map-module__shape___bjX0h`,markerIcon:`map-module__markerIcon___1Jk94`,pulse:`map-module__pulse___5ukPy`,pulseRing:`map-module__pulseRing___QU572`,pulseDot:`map-module__pulseDot___KCmSa`,drawHandle:`map-module__drawHandle___e-pMp`,popup:`map-module__popup___FO4kw`,tooltip:`map-module__tooltip___2RB32`,tooltipArrow:`map-module__tooltipArrow___23ckN`,autocomplete:`map-module__autocomplete___-RJvk`,autocompleteAnchor:`map-module__autocompleteAnchor___-R8bx`,autocompleteTrigger:`map-module__autocompleteTrigger___pYckG`,autocompleteField:`map-module__autocompleteField___5yw71`,autocompleteResults:`map-module__autocompleteResults___S5Lcl`,autocompleteList:`map-module__autocompleteList___XgYRF`,autocompleteRow:`map-module__autocompleteRow___sRWyp`},R=300,z=`https://photon.komoot.io/api`;function B(e,t){let n=new URL(e);return n.searchParams.set(`q`,t.query),t.lang&&n.searchParams.set(`lang`,t.lang),t.limit!==void 0&&n.searchParams.set(`limit`,String(t.limit)),t.bbox&&n.searchParams.set(`bbox`,t.bbox.join(`,`)),t.lat!==void 0&&n.searchParams.set(`lat`,String(t.lat)),t.lon!==void 0&&n.searchParams.set(`lon`,String(t.lon)),t.zoom!==void 0&&n.searchParams.set(`zoom`,String(t.zoom)),t.locationBiasScale!==void 0&&n.searchParams.set(`location_bias_scale`,String(t.locationBiasScale)),String(n)}function V(e){let t=[];return e.name&&t.push(e.name),e.housenumber&&e.street?t.push(`${e.housenumber} ${e.street}`):e.street&&t.push(e.street),e.city?t.push(e.city):e.locality&&t.push(e.locality),e.state&&e.state!==e.city&&t.push(e.state),e.country&&t.push(e.country),[...new Set(t)].join(`, `)}function ie({debounceMs:e=R,searchUrl:t=z,query:n,lang:r,limit:i,bbox:o,lat:s,lon:c,zoom:l,locationBiasScale:d}){let[f,p]=(0,u.useState)([]),[m,h]=(0,u.useState)(!1),[g,_]=(0,u.useState)(null),[v,y]=(0,u.useState)(!1),b=a.t(n,e);return(0,u.useEffect)(()=>{if(!b.trim()){p([]),h(!1),y(!1);return}let e=new AbortController;async function n(){h(!0),_(null),y(!0);try{let n=await fetch(B(t,{query:b,lang:r,limit:i,bbox:o,lat:s,lon:c,zoom:l,locationBiasScale:d}),{signal:e.signal});if(!n.ok)throw Error(`Geocoder error: ${n.status} ${n.statusText}`);let a=await n.json(),u=new Set;p(a.features.filter(e=>!u.has(e.properties.osm_id)&&(u.add(e.properties.osm_id),!0)))}catch(e){e instanceof Error&&e.name!==`AbortError`&&(_(e),p([]))}finally{h(!1)}}return n(),()=>e.abort()},[o,b,r,s,i,d,c,t,l]),{results:f,isLoading:m,error:g,hasSearched:v}}var ae=300;function oe({debounceMs:t=ae,searchUrl:n,lang:r,limit:a=5,bbox:f,lat:m,lon:h,zoom:g,locationBiasScale:_,className:v,value:b,defaultValue:x=``,onValueChange:S,onPlaceSelect:C,onResultsChange:w,strings:ee,onFocus:te,...T}){let E={...y,...ee},[ne,D]=(0,u.useState)(x),[re,O]=(0,u.useState)(``),[k,A]=(0,u.useState)(!1),j=b!==void 0,M=j?b:ne,{results:N,isLoading:P,error:F,hasSearched:I}=ie({query:re,debounceMs:t,searchUrl:n,lang:r,limit:a,bbox:f,lat:m,lon:h,zoom:g,locationBiasScale:_});(0,u.useEffect)(()=>{w?.(N)},[w,N]);let R=I&&!P&&!F&&N.length===0,z=!!F||R||N.length>0,B=e=>{let t=V(e.properties);j||D(t),O(``),A(!0),S?.(t),C?.(e)};return(0,d.jsx)(c.t,{"data-slot":`place-autocomplete`,className:(0,p.clsx)(`place-autocomplete--component`,L.autocomplete,v),shouldFilter:!1,loop:!0,children:(0,d.jsxs)(o.t,{open:z&&!k,onOpenChange:e=>!e&&A(!0),children:[(0,d.jsxs)(`div`,{className:L.autocompleteAnchor,children:[(0,d.jsx)(o.c,{render:(0,d.jsx)(`span`,{}),nativeButton:!1,tabIndex:-1,"aria-hidden":`true`,className:L.autocompleteTrigger}),(0,d.jsxs)(s.t,{className:L.autocompleteField,children:[(0,d.jsx)(s.n,{children:(0,d.jsx)(l.SearchIcon,{})}),(0,d.jsx)(s.i,{placeholder:E.searchPlaceholder,value:M,onChange:e=>{let t=e.target.value;j||D(t),A(!1),O(t),S?.(t)},onFocus:e=>{z&&A(!1),te?.(e)},...T}),P&&(0,d.jsxs)(s.n,{align:`inline-end`,children:[(0,d.jsx)(l.Loader2Icon,{"aria-hidden":!0,className:L.spin}),(0,d.jsx)(i.d,{children:E.loading})]})]})]}),(0,d.jsx)(o.r,{align:`start`,sideOffset:4,initialFocus:!1,finalFocus:!1,className:L.autocompleteResults,children:(0,d.jsxs)(c.s,{className:L.autocompleteList,children:[!!F&&(0,d.jsx)(c.r,{children:(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,align:`center`,children:E.error(F.message)})}),R&&(0,d.jsx)(c.r,{children:(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,align:`center`,children:E.noResults(M)})}),N.length>0&&(0,d.jsx)(c.i,{children:N.map(t=>(0,d.jsxs)(c.o,{value:String(t.properties.osm_id),onSelect:()=>B(t),children:[(0,d.jsx)(l.MapPinIcon,{}),(0,d.jsxs)(`span`,{className:L.autocompleteRow,children:[(0,d.jsx)(e.o,{tag:`span`,weight:`medium`,children:t.properties.name||t.properties.street||E.unknownPlace}),(0,d.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:V(t.properties)})]})]},t.properties.osm_id))})]})})]})})}var H=(0,u.createContext)(v);function U(){return(0,u.useContext)(H)}var se={"top-left":L.topLeft,"top-right":L.topRight,"bottom-left":L.bottomLeft,"bottom-right":L.bottomRight};function ce(){let[e,t]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{let e=document.documentElement,n=()=>t(e.classList.contains(`dark`)||e.dataset.theme===`dark`||e.dataset.theme!==`light`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches);n();let r=new MutationObserver(n);r.observe(e,{attributes:!0,attributeFilter:[`class`,`data-theme`]});let i=window.matchMedia(`(prefers-color-scheme: dark)`);return i.addEventListener(`change`,n),()=>{r.disconnect(),i.removeEventListener(`change`,n)}},[]),e}var le={sm:L.heightSm,md:L.heightMd,lg:L.heightLg};function ue({zoom:e=15,maxZoom:t=18,height:n=`md`,surface:r=`framed`,className:i,children:a,strings:o,style:s,...c}){let l={...v,...o},u=le[n];return(0,d.jsx)(S,{zoom:e,maxZoom:t,attributionControl:!0,zoomControl:!1,className:(0,p.clsx)(`map--component`,L.map,u,r===`flush`?L.surfaceFlush:L.surfaceFramed,i),style:u?s:{...s,"--map-h":n},...c,children:(0,d.jsx)(H.Provider,{value:l,children:(0,d.jsx)(j,{children:a})})})}var W=(0,u.createContext)(null);function G(){return(0,u.useContext)(W)}var K=`https://tile.openstreetmap.org/{z}/{x}/{y}.png`,de=`&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors`;function fe({name:e,url:t,attribution:n,darkUrl:r,darkAttribution:i,...a}){let o=U(),s=e??o.defaultTileLayer,c=M(),l=(0,u.useContext)(W),f=ce();(0,u.useEffect)(()=>{c.attributionControl?.setPrefix(``)},[c]);let p=f?r??t??K:t??K,m=f&&i?i:n??de,h=f&&!r;return(0,u.useEffect)(()=>{let e=c.getContainer();h?e.dataset.tileFilter=`invert`:delete e.dataset.tileFilter},[h,c]),(0,u.useEffect)(()=>{l?.registerTileLayer({name:s,url:p,attribution:m})},[l,s,m,p]),l&&l.selectedTileLayer!==s?null:(0,d.jsx)(C,{url:p,attribution:m,...a})}function pe({name:e,disabled:t,...n}){let r=G();return(0,u.useEffect)(()=>{r?.registerLayerGroup({name:e,disabled:t})},[r,t,e]),r&&!r.activeLayerGroups.includes(e)?null:(0,d.jsx)(O,{...n})}function me({name:e,disabled:t,...n}){let r=G();return(0,u.useEffect)(()=>{r?.registerLayerGroup({name:e,disabled:t})},[r,t,e]),r&&!r.activeLayerGroups.includes(e)?null:(0,d.jsx)(k,{...n})}function he({defaultTileLayer:e,defaultLayerGroups:t,onError:n,children:r}){let[i,a]=(0,u.useState)([]),[o,s]=(0,u.useState)(e??``),[c,l]=(0,u.useState)([]),[f,p]=(0,u.useState)(()=>t??[]),m=(0,u.useCallback)(e=>{a(t=>t.some(t=>t.name===e.name)?t:[...t,e])},[]),h=(0,u.useCallback)(e=>{l(t=>t.some(t=>t.name===e.name)?t:[...t,e])},[]),v=g({selected:o,defaultTileLayer:e,available:i}),y=_({selected:o,defaultTileLayer:e,available:i});return(0,u.useEffect)(()=>{y&&n?.(Error(`MapLayers: defaultTileLayer "${e}" matches no MapTileLayer name. Showing the first layer instead.`))},[e,n,y]),(0,u.useEffect)(()=>{if(!t?.length||c.length===0)return;let e=t.filter(e=>!c.some(t=>t.name===e));e.length>0&&n?.(Error(`MapLayers: defaultLayerGroups names no MapLayerGroup — ${e.join(`, `)}.`))},[t,c,n]),(0,d.jsx)(W.Provider,{value:{registerTileLayer:m,tileLayers:i,selectedTileLayer:v,setSelectedTileLayer:s,registerLayerGroup:h,layerGroups:c,activeLayerGroups:f,setActiveLayerGroups:p},children:r})}function ge({tileLayersLabel:e,layerGroupsLabel:r,position:i=`top-right`,className:a,...o}){let s=U(),c=G();if(!c)throw Error(`MapLayersControl must be used inside <MapLayers>.`);let{tileLayers:u,selectedTileLayer:f,setSelectedTileLayer:m,layerGroups:h,activeLayerGroups:g,setActiveLayerGroups:_}=c,v=u.length>1,y=h.length>0;return!v&&!y?null:(0,d.jsx)(J,{position:i,className:`map-layers-control--component`,children:(0,d.jsxs)(n.t,{children:[(0,d.jsx)(n.g,{render:e=>(0,d.jsx)(t.c,{...e,type:`button`,tone:`neutral`,buttonStyle:`outline`,iconOnly:!0,"aria-label":s.selectLayers,title:s.selectLayers,className:(0,p.clsx)(L.controlButton,a,e.className),...o,children:(0,d.jsx)(l.LayersIcon,{})})}),(0,d.jsxs)(n.r,{align:`end`,className:L.controlMenu,children:[v&&(0,d.jsxs)(n.l,{value:f,onValueChange:m,children:[(0,d.jsx)(n.o,{children:e??s.mapType}),u.map(e=>(0,d.jsx)(n.u,{value:e.name,children:e.name},e.name))]}),v&&y&&(0,d.jsx)(n.d,{}),y&&(0,d.jsxs)(n.i,{children:[(0,d.jsx)(n.o,{children:r??s.layers}),h.map(e=>(0,d.jsx)(n.n,{checked:g.includes(e.name),disabled:e.disabled,onCheckedChange:t=>_(t?[...g,e.name]:g.filter(t=>t!==e.name)),children:e.name},e.name))]})]})]})})}function q({icon:e=(0,d.jsx)(l.MapPinIcon,{}),iconAnchor:t=[12,12],bgPos:n,popupAnchor:r,tooltipAnchor:i,ariaLabel:a,ref:o,...s}){let{L:c}=P(),m=U(),h=(0,u.useRef)(null),g=a??(typeof s.title==`string`&&s.title.trim()?s.title:void 0)??m.marker,_=(0,u.useCallback)(e=>{let t=e?.getElement();t&&(t.setAttribute(`aria-label`,g),t.getAttribute(`title`)||t.setAttribute(`title`,g))},[g]),v=(0,u.useCallback)(e=>{h.current=e,F(o,e),_(e)},[o,_]);return(0,u.useEffect)(()=>_(h.current),[_]),c?(0,d.jsx)(w,{ref:v,icon:c.divIcon({className:``,html:(0,f.renderToString)((0,d.jsx)(`span`,{className:(0,p.clsx)(`map-marker--component`,L.markerIcon),children:e})),iconAnchor:t,...n?{bgPos:n}:{},...r?{popupAnchor:r}:{},...i?{tooltipAnchor:i}:{}}),riseOnHover:!0,...s,title:typeof s.title==`string`&&s.title.trim()?s.title:g}):null}function _e({polygonOptions:e={className:L.shape},spiderLegPolylineOptions:t={className:L.shape},icon:n,...r}){let{L:i}=P();return i?(0,d.jsx)(A,{polygonOptions:e,spiderLegPolylineOptions:t,iconCreateFunction:n?e=>i.divIcon({html:(0,f.renderToString)(n(e.getChildCount()))}):void 0,...r}):null}function ve({className:e,...t}){return(0,d.jsx)(T,{className:(0,p.clsx)(`map-circle--component`,L.shape,e),...t})}function ye({className:e,...t}){return(0,d.jsx)(E,{className:(0,p.clsx)(`map-circle-marker--component`,L.shape,e),...t})}function be({className:e,...t}){return(0,d.jsx)(ne,{className:(0,p.clsx)(`map-polyline--component`,L.shape,e),...t})}function xe({className:e,...t}){return(0,d.jsx)(D,{className:(0,p.clsx)(`map-polygon--component`,L.shape,e),...t})}function Se({className:e,...t}){return(0,d.jsx)(re,{className:(0,p.clsx)(`map-rectangle--component`,L.shape,e),...t})}function Ce({className:e,...t}){return(0,d.jsx)(ee,{className:(0,p.clsx)(`map-popup--component`,L.popup,e),...t})}function we({className:e,children:t,side:n=`top`,sideOffset:r=15,...i}){let a={top:[0,-r],bottom:[0,r],left:[-r,0],right:[r,0]}[n];return(0,d.jsxs)(te,{className:(0,p.clsx)(`map-tooltip--component`,L.tooltip,e),"data-side":n,direction:n,offset:a,opacity:1,...i,children:[t,(0,d.jsx)(`span`,{"aria-hidden":!0,className:L.tooltipArrow})]})}function J({position:e,className:t,...n}){let{L:r}=P(),i=(0,u.useRef)(null);return(0,u.useEffect)(()=>{let e=i.current;!r||!e||(r.DomEvent.disableClickPropagation(e),r.DomEvent.disableScrollPropagation(e))},[r]),(0,d.jsx)(`div`,{ref:i,className:(0,p.clsx)(`map-control-container--component`,L.control,e&&se[e],t),...n})}function Te({position:e=`top-left`,className:n,...r}){let i=M(),a=U(),[o,s]=(0,u.useState)(i.getZoom());return N({zoomend:()=>s(i.getZoom())}),(0,d.jsx)(J,{position:e,className:(0,p.clsx)(`map-zoom-control--component`,n),children:(0,d.jsxs)(t.a,{orientation:`vertical`,"aria-label":a.zoomControls,...r,children:[(0,d.jsx)(t.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,iconOnly:!0,"aria-label":a.zoomIn,title:a.zoomIn,className:L.controlButton,disabled:o>=i.getMaxZoom(),onClick:()=>i.zoomIn(),children:(0,d.jsx)(l.PlusIcon,{})}),(0,d.jsx)(t.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,iconOnly:!0,"aria-label":a.zoomOut,title:a.zoomOut,className:L.controlButton,disabled:o<=i.getMinZoom(),onClick:()=>i.zoomOut(),children:(0,d.jsx)(l.MinusIcon,{})})]})})}function Ee({position:e=`top-right`,className:n,...r}){let i=M(),a=U(),{L:o}=P(),[s,c]=(0,u.useState)(!1);(0,u.useEffect)(()=>{if(!o)return;let e=new o.Control.FullScreen;e.addTo(i);let t=e.getContainer();t&&(t.style.display=`none`);let n=()=>c(!0),r=()=>c(!1);return i.on(`enterFullscreen`,n),i.on(`exitFullscreen`,r),()=>{e.remove(),i.off(`enterFullscreen`,n),i.off(`exitFullscreen`,r)}},[o,i]);let f=s?a.exitFullscreen:a.enterFullscreen;return(0,d.jsx)(J,{position:e,className:`map-fullscreen-control--component`,children:(0,d.jsx)(t.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,iconOnly:!0,onClick:()=>i.toggleFullscreen(),"aria-label":f,title:f,className:(0,p.clsx)(L.controlButton,n),...r,children:s?(0,d.jsx)(l.MinimizeIcon,{}):(0,d.jsx)(l.MaximizeIcon,{})})})}function De(){return(0,d.jsxs)(`span`,{className:L.pulse,children:[(0,d.jsx)(`span`,{className:L.pulseRing}),(0,d.jsx)(`span`,{className:L.pulseDot})]})}function Oe({watch:e=!1,onLocationFound:n,onLocationError:r,position:i=`bottom-right`,className:a,...o}){let s=M(),c=U(),[f,m]=I(200),[h,g]=(0,u.useState)(null),_=h!==null,v=(0,u.useCallback)(()=>{s.stopLocate(),s.off(`locationfound`),s.off(`locationerror`),g(null),m(!1)},[s,m]),y=(0,u.useCallback)(()=>{m(!0),s.locate({setView:!0,maxZoom:s.getMaxZoom(),watch:e}),s.on(`locationfound`,e=>{g(e.latlng),m(!1),n?.(e)}),s.on(`locationerror`,e=>{g(null),m(!1),r?.(e)})},[s,r,n,m,e]);(0,u.useEffect)(()=>()=>v(),[v]);let b=f?c.locating:_?c.stopTracking:c.trackLocation,x=f?c.locating:_?c.stopLocationTracking:c.startLocationTracking;return(0,d.jsxs)(J,{position:i,className:`map-locate-control--component`,children:[(0,d.jsx)(t.c,{type:`button`,tone:_?`primary`:`neutral`,buttonStyle:_?`solid`:`outline`,iconOnly:!0,onClick:_?v:y,disabled:f,title:b,"aria-label":x,className:(0,p.clsx)(L.controlButton,a),...o,children:f?(0,d.jsx)(l.LoaderCircleIcon,{className:L.spin}):(0,d.jsx)(l.NavigationIcon,{})}),_&&h&&(0,d.jsx)(q,{position:h,icon:(0,d.jsx)(De,{}),ariaLabel:c.currentLocation})]})}function ke({position:e=`top-left`,className:t,...n}){return(0,d.jsx)(J,{position:e,className:(0,p.clsx)(`map-search-control--component`,L.searchControl),children:(0,d.jsx)(oe,{className:t,...n})})}var Ae=(0,u.createContext)(null);function Y(){return(0,u.useContext)(Ae)}function je({onLayersChange:e,position:n=`bottom-left`,className:r,children:i,...a}){let{L:o,LeafletDraw:s}=P(),c=M(),[l,f]=(0,u.useState)(null),p=(0,u.useRef)(null),m=(0,u.useRef)(null),[h,g]=(0,u.useState)(null),[_,v]=(0,u.useState)(0),y=(0,u.useCallback)(()=>{l&&v(l.getLayers().length)},[l]),b=(0,u.useCallback)(t=>{l&&(l.addLayer(t.layer),e?.(l),v(l.getLayers().length),g(null))},[l,e]),x=(0,u.useCallback)(()=>{l&&(e?.(l),v(l.getLayers().length),g(null))},[l,e]);return(0,u.useEffect)(()=>{if(!(!o||!s||!c))return c.on(o.Draw.Event.CREATED,b),c.on(o.Draw.Event.EDITED,x),c.on(o.Draw.Event.DELETED,x),()=>{c.off(o.Draw.Event.CREATED,b),c.off(o.Draw.Event.EDITED,x),c.off(o.Draw.Event.DELETED,x)}},[o,s,b,x,c]),(0,u.useEffect)(y,[y]),(0,d.jsxs)(Ae.Provider,{value:{featureGroup:l,activeMode:h,setActiveMode:g,editControlRef:p,deleteControlRef:m,layersCount:_},children:[(0,d.jsx)(k,{ref:f}),(0,d.jsx)(J,{position:n,className:r,children:(0,d.jsx)(t.a,{orientation:`vertical`,...a,children:i})})]})}function X({drawMode:e,createDrawTool:n,className:r,children:i,...a}){let o=Y();if(!o)throw Error(`Draw buttons must be used inside <MapDrawControl>.`);let{L:s}=P(),c=U(),l=M(),f=(0,u.useRef)(null),{activeMode:m,setActiveMode:h}=o,g=m===e,_={marker:c.drawMarker,polyline:c.drawPolyline,circle:c.drawCircle,rectangle:c.drawRectangle,polygon:c.drawPolygon}[e];return(0,u.useEffect)(()=>{if(!s||!g){f.current?.disable(),f.current=null;return}let e=n(s,l);return e.enable(),f.current=e,()=>{e.disable(),f.current=null}},[s,n,g,l]),(0,d.jsx)(t.c,{type:`button`,iconOnly:!0,"aria-label":_,title:_,className:(0,p.clsx)(L.controlButton,r),tone:g?`primary`:`neutral`,buttonStyle:g?`solid`:`outline`,disabled:m===`edit`||m===`delete`,onClick:()=>h(g?null:e),...a,children:i})}var Z={color:`var(--primary)`,opacity:1,weight:2},Q={color:`var(--destructive)`};function Me(e){return(0,d.jsx)(X,{drawMode:`marker`,createDrawTool:(t,n)=>new t.Draw.Marker(n,{icon:t.divIcon({className:``,iconAnchor:[12,12],html:(0,f.renderToString)((0,d.jsx)(`span`,{className:(0,p.clsx)(`map-draw-marker--component`,L.markerIcon),children:(0,d.jsx)(l.MapPinIcon,{})}))}),...e}),children:(0,d.jsx)(l.MapPinIcon,{})})}function Ne({showLength:e=!1,drawError:t=Q,shapeOptions:n=Z,...r}){let i=$();return(0,d.jsx)(X,{drawMode:`polyline`,createDrawTool:(a,o)=>new a.Draw.Polyline(o,{...i?{icon:i,touchIcon:i}:{},showLength:e,drawError:t,shapeOptions:n,...r}),children:(0,d.jsx)(l.WaypointsIcon,{})})}function Pe({showRadius:e=!1,shapeOptions:t=Z,...n}){return(0,d.jsx)(X,{drawMode:`circle`,createDrawTool:(r,i)=>new r.Draw.Circle(i,{showRadius:e,shapeOptions:t,...n}),children:(0,d.jsx)(l.CircleIcon,{})})}function Fe({showArea:e=!1,shapeOptions:t=Z,...n}){return(0,d.jsx)(X,{drawMode:`rectangle`,createDrawTool:(r,i)=>new r.Draw.Rectangle(i,{showArea:e,shapeOptions:t,...n}),children:(0,d.jsx)(l.SquareIcon,{})})}function Ie({drawError:e=Q,shapeOptions:t=Z,...n}){let r=$();return(0,d.jsx)(X,{drawMode:`polygon`,createDrawTool:(i,a)=>new i.Draw.Polygon(a,{...r?{icon:r,touchIcon:r}:{},drawError:e,shapeOptions:t,...n}),children:(0,d.jsx)(l.PentagonIcon,{})})}function Le({drawAction:e,createDrawTool:n,controlRef:r,className:i,children:a,...o}){let s=Y();if(!s)throw Error(`Draw buttons must be used inside <MapDrawControl>.`);let{L:c}=P(),l=U(),f=M(),{featureGroup:m,activeMode:h,setActiveMode:g,layersCount:_}=s,v=h===e;return(0,u.useEffect)(()=>{if(!c||!m||!v){r.current?.disable?.(),r.current=null;return}let e=n(c,f,m);return e.enable?.(),r.current=e,()=>{e.disable?.(),r.current=null}},[c,r,n,m,v,f]),(0,d.jsx)(t.c,{type:`button`,iconOnly:!0,"aria-label":e===`edit`?l.editShapes:l.removeShapes,title:e===`edit`?l.editShapes:l.removeShapes,tone:v?`primary`:`neutral`,buttonStyle:v?`solid`:`outline`,disabled:_===0,onClick:()=>{r.current?.save(),g(v?null:e)},className:(0,p.clsx)(L.controlButton,i),...o,children:a})}function Re({selectedPathOptions:e={color:`var(--primary)`,fillColor:`var(--primary)`,weight:2},...t}){let{L:n}=P(),r=U(),i=$(),a=Y();if(!a)throw Error(`MapDrawEdit must be used inside <MapDrawControl>.`);return(0,u.useEffect)(()=>{if(!(!n||!i))return h(n,{handleIcon:i,drawError:Q,editInstructions:r.editInstructions,removeInstructions:r.removeInstructions})},[n,i,r.editInstructions,r.removeInstructions]),(0,d.jsx)(Le,{drawAction:`edit`,controlRef:a.editControlRef,createDrawTool:(n,r,i)=>new n.EditToolbar.Edit(r,{featureGroup:i,selectedPathOptions:e,...t}),children:(0,d.jsx)(l.PenLineIcon,{})})}function ze(){let e=Y();if(!e)throw Error(`MapDrawDelete must be used inside <MapDrawControl>.`);return(0,d.jsx)(Le,{drawAction:`delete`,controlRef:e.deleteControlRef,createDrawTool:(e,t,n)=>new e.EditToolbar.Delete(t,{featureGroup:n}),children:(0,d.jsx)(l.Trash2Icon,{})})}function Be({className:e,...n}){let r=Y();if(!r)throw Error(`MapDrawUndo must be used inside <MapDrawControl>.`);let i=U(),{activeMode:a,setActiveMode:o,editControlRef:s,deleteControlRef:c,layersCount:u}=r,f=a===`edit`,m=a===`delete`,h=m?i.undoRemove:i.undoEdit;return(0,d.jsx)(t.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,iconOnly:!0,"aria-label":h,title:h,disabled:!((f||m)&&u>0),onClick:()=>{f?s.current?.revertLayers():m&&c.current?.revertLayers(),o(null)},className:(0,p.clsx)(`map-draw-undo--component`,L.controlButton,e),...n,children:(0,d.jsx)(l.Undo2Icon,{})})}function $(){let{L:e}=P();return e?e.divIcon({iconAnchor:[8,8],html:(0,f.renderToString)((0,d.jsx)(`span`,{className:L.drawHandle}))}):null}exports.Map=ue,exports.MapCircle=ve,exports.MapCircleMarker=ye,exports.MapControlContainer=J,exports.MapDrawCircle=Pe,exports.MapDrawControl=je,exports.MapDrawDelete=ze,exports.MapDrawEdit=Re,exports.MapDrawMarker=Me,exports.MapDrawPolygon=Ie,exports.MapDrawPolyline=Ne,exports.MapDrawRectangle=Fe,exports.MapDrawUndo=Be,exports.MapFeatureGroup=me,exports.MapFullscreenControl=Ee,exports.MapLayerGroup=pe,exports.MapLayers=he,exports.MapLayersControl=ge,exports.MapLocateControl=Oe,exports.MapMarker=q,exports.MapMarkerClusterGroup=_e,exports.MapPolygon=xe,exports.MapPolyline=be,exports.MapPopup=Ce,exports.MapRectangle=Se,exports.MapSearchControl=ke,exports.MapTileLayer=fe,exports.MapTooltip=we,exports.MapZoomControl=Te,exports.PlaceAutocomplete=oe,exports.defaultMapStrings=v,exports.defaultPlaceAutocompleteStrings=y,exports.formatAddress=V,exports.useLeaflet=P,exports.usePlaceSearch=ie;

package/dist/features/map.css

@@ -0,0 +1,15 @@
+@import "../core.css";
+@import "../css/map.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/dropdown-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/popover.css";
+@import "../css/input-group.css";
+@import "../css/text-inputs.css";
+@import "../css/command.css";
+@import "../css/overlay.css";