@element-editor/ui 0.0.0-stage → 0.2.1

package/dist/primitives.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @element-editor/ui/primitives
+ *
+ * Lightweight base UI components with no map or store dependencies.
+ * Use this entry point when building custom layouts with adapter packages.
+ *
+ * @example
+ *   import { Button, Tooltip, Input } from '@element-editor/ui/primitives'
+ */
+export { Button } from './components/ui/Button.js';
+export type { ButtonVariant, ButtonSize } from './components/ui/Button.js';
+export { ContextMenu } from './components/ui/ContextMenu.js';
+export { Input, Textarea, SelectInput } from './components/ui/Input.js';
+export { Kbd, KbdDark, KbdInvert } from './components/ui/Kbd.js';
+export { SearchDropdown } from './components/ui/SearchDropdown.js';
+export type { SearchDropdownHandle } from './components/ui/SearchDropdown.js';
+export { ToolButton } from './components/ui/ToolButton.js';
+export { Tooltip } from './components/ui/Tooltip.js';
+export { EditToolbarBtn, ToolbarDivider } from './components/ui/EditToolbarBtn.js';

package/dist/primitives.es.js

@@ -0,0 +1,17 @@
+"use client";
+import { B as o, C as s, E as e, I as n, K as r, a as d, b, S as l, c as u, T, d as i, e as p, f as c } from "./EditToolbarBtn-SR4xHd8G.js";
+export {
+  o as Button,
+  s as ContextMenu,
+  e as EditToolbarBtn,
+  n as Input,
+  r as Kbd,
+  d as KbdDark,
+  b as KbdInvert,
+  l as SearchDropdown,
+  u as SelectInput,
+  T as Textarea,
+  i as ToolButton,
+  p as ToolbarDivider,
+  c as Tooltip
+};

package/dist/store/StoreContext.d.cts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { StoreApi } from 'zustand';
+import { DataStore, UIStore } from '@element-editor/core';
+/** UI stores whose GeoJSON inspector is still in its on-load open (`ui.geojsonEditorOpen`); it doesn't take focus. */
+export declare const inspectorOpenedOnLoad: WeakSet<StoreApi<UIStore>>;
+interface StoreContextValue {
+    dataStore: StoreApi<DataStore>;
+    uiStore: StoreApi<UIStore>;
+}
+export declare const StoreContext: React.Context<StoreContextValue | null>;
+export declare function GeoStoreProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDataStore<T>(selector: (state: DataStore) => T): T;
+export declare function useUIStore<T>(selector: (state: UIStore) => T): T;
+export declare function useGeoStore(): StoreContextValue;
+export {};

package/dist/store/StoreContext.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { StoreApi } from 'zustand';
+import { DataStore, UIStore } from '@element-editor/core';
+/** UI stores whose GeoJSON inspector is still in its on-load open (`ui.geojsonEditorOpen`); it doesn't take focus. */
+export declare const inspectorOpenedOnLoad: WeakSet<StoreApi<UIStore>>;
+interface StoreContextValue {
+    dataStore: StoreApi<DataStore>;
+    uiStore: StoreApi<UIStore>;
+}
+export declare const StoreContext: React.Context<StoreContextValue | null>;
+export declare function GeoStoreProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDataStore<T>(selector: (state: DataStore) => T): T;
+export declare function useUIStore<T>(selector: (state: UIStore) => T): T;
+export declare function useGeoStore(): StoreContextValue;
+export {};

package/dist/types/events.d.cts

@@ -0,0 +1,95 @@
+import { ElementEditorError, ErrorCode, ErrorSource } from '@element-editor/core';
+/**
+ * Events emitted by the Element library.
+ *
+ * Pass an `onEvent` prop to `<ElementEditor>` to receive these instead of (or in
+ * addition to) the built-in sonner toasts. When `onEvent` is provided the
+ * library goes fully silent — no `<Toaster>` is rendered and no toasts are
+ * fired. The host app is responsible for surfacing notifications.
+ *
+ * @example
+ * ```tsx
+ * <ElementEditor
+ *   onEvent={(e) => {
+ *     if (e.type === 'feature:deleted') myToast(`Deleted "${e.label}"`)
+ *     if (e.type === 'error') console.error(e.code, e.message)
+ *   }}
+ * />
+ * ```
+ */
+export type ElementEditorEvent = 
+/** A single feature was deleted. `undo()` reverts the deletion. */
+{
+    type: 'feature:deleted';
+    featureId: string;
+    label: string;
+    undo: () => void;
+}
+/** Multiple features were deleted at once. `undo()` reverts the deletion. */
+ | {
+    type: 'features:deleted';
+    count: number;
+    undo: () => void;
+}
+/** A single feature was duplicated. */
+ | {
+    type: 'feature:duplicated';
+    featureId: string;
+    label: string;
+}
+/** Multiple features were duplicated at once. */
+ | {
+    type: 'features:duplicated';
+    count: number;
+}
+/** A multi-geometry feature was broken into individual features. */
+ | {
+    type: 'feature:broken';
+    featureId: string;
+    count: number;
+    undo: () => void;
+}
+/** The current selection was copied to the internal clipboard. */
+ | {
+    type: 'selection:copied';
+}
+/** Features were pasted from the internal clipboard. */
+ | {
+    type: 'selection:pasted';
+    count: number;
+} | {
+    type: 'undo';
+} | {
+    type: 'redo';
+}
+/**
+ * A recoverable error the user should be aware of. `code` / `source` are the same as on the
+ * {@link ElementEditorError} `onError` receives (which fires first; returning `false` from it
+ * stops this event).
+ */
+ | {
+    type: 'error';
+    code: ErrorCode;
+    source: ErrorSource;
+    message: string;
+    description?: string;
+}
+/** A non-blocking warning (e.g. converting a circle to a plain polygon). */
+ | {
+    type: 'warning';
+    message: string;
+    description?: string;
+}
+/** A positive confirmation (e.g. "Coordinate updated"). */
+ | {
+    type: 'success';
+    message: string;
+    description?: string;
+};
+/**
+ * `onError` handler. Called first for every runtime failure, also when `onEvent` is set and for
+ * "quiet" failures that show no toast (a failed preview, the system clipboard, the search box).
+ * Return nothing to keep the built-in handling, `false` to stop it (no toast, no `onEvent` error
+ * event: you show it), or a string to show that text instead (e.g. a translation keyed on `code`).
+ */
+export type ElementEditorErrorHandler = (error: ElementEditorError) => void | false | string;

package/dist/types/events.d.ts

@@ -0,0 +1,95 @@
+import { ElementEditorError, ErrorCode, ErrorSource } from '@element-editor/core';
+/**
+ * Events emitted by the Element library.
+ *
+ * Pass an `onEvent` prop to `<ElementEditor>` to receive these instead of (or in
+ * addition to) the built-in sonner toasts. When `onEvent` is provided the
+ * library goes fully silent — no `<Toaster>` is rendered and no toasts are
+ * fired. The host app is responsible for surfacing notifications.
+ *
+ * @example
+ * ```tsx
+ * <ElementEditor
+ *   onEvent={(e) => {
+ *     if (e.type === 'feature:deleted') myToast(`Deleted "${e.label}"`)
+ *     if (e.type === 'error') console.error(e.code, e.message)
+ *   }}
+ * />
+ * ```
+ */
+export type ElementEditorEvent = 
+/** A single feature was deleted. `undo()` reverts the deletion. */
+{
+    type: 'feature:deleted';
+    featureId: string;
+    label: string;
+    undo: () => void;
+}
+/** Multiple features were deleted at once. `undo()` reverts the deletion. */
+ | {
+    type: 'features:deleted';
+    count: number;
+    undo: () => void;
+}
+/** A single feature was duplicated. */
+ | {
+    type: 'feature:duplicated';
+    featureId: string;
+    label: string;
+}
+/** Multiple features were duplicated at once. */
+ | {
+    type: 'features:duplicated';
+    count: number;
+}
+/** A multi-geometry feature was broken into individual features. */
+ | {
+    type: 'feature:broken';
+    featureId: string;
+    count: number;
+    undo: () => void;
+}
+/** The current selection was copied to the internal clipboard. */
+ | {
+    type: 'selection:copied';
+}
+/** Features were pasted from the internal clipboard. */
+ | {
+    type: 'selection:pasted';
+    count: number;
+} | {
+    type: 'undo';
+} | {
+    type: 'redo';
+}
+/**
+ * A recoverable error the user should be aware of. `code` / `source` are the same as on the
+ * {@link ElementEditorError} `onError` receives (which fires first; returning `false` from it
+ * stops this event).
+ */
+ | {
+    type: 'error';
+    code: ErrorCode;
+    source: ErrorSource;
+    message: string;
+    description?: string;
+}
+/** A non-blocking warning (e.g. converting a circle to a plain polygon). */
+ | {
+    type: 'warning';
+    message: string;
+    description?: string;
+}
+/** A positive confirmation (e.g. "Coordinate updated"). */
+ | {
+    type: 'success';
+    message: string;
+    description?: string;
+};
+/**
+ * `onError` handler. Called first for every runtime failure, also when `onEvent` is set and for
+ * "quiet" failures that show no toast (a failed preview, the system clipboard, the search box).
+ * Return nothing to keep the built-in handling, `false` to stop it (no toast, no `onEvent` error
+ * event: you show it), or a string to show that text instead (e.g. a translation keyed on `code`).
+ */
+export type ElementEditorErrorHandler = (error: ElementEditorError) => void | false | string;

package/dist/useAccentStyle-CPo2XqAn.js

@@ -0,0 +1,412 @@
+import { createContext as w, useState as B, useEffect as J, useContext as T, useCallback as U, useRef as q, useMemo as $, useLayoutEffect as Q } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+import { readPersisted as X, writePersisted as z } from "@element-editor/core";
+import { warnOnce as L } from "@element-editor/core/internal";
+const g = { attributes: !0, attributeFilter: ["style", "class", "data-elm-theme"] }, tt = { attributes: !0, attributeFilter: ["style", "class"] }, et = { childList: !0, subtree: !0, characterData: !0, attributes: !0, attributeFilter: ["href", "media", "disabled"] }, st = /* @__PURE__ */ new Set([
+  "--elm-panel-offset",
+  "--elm-table-offset",
+  "--elm-bottom-row-height",
+  "--elm-bottom-stack-offset",
+  "--elm-bottom-toolbar-offset",
+  "--elm-left-center-shift",
+  "--elm-right-center-shift"
+]), M = (t) => {
+  if (!(t instanceof HTMLElement)) return "";
+  let e = `${t.className}|${t.getAttribute("data-elm-theme") ?? ""}`;
+  for (const s of t.style) !st.has(s) && !s.startsWith("transition") && (e += `;${s}:${t.style.getPropertyValue(s)}`);
+  return e;
+};
+function rt(t, e) {
+  const s = (u) => {
+    u.target instanceof HTMLLinkElement && e();
+  };
+  let r = M(t);
+  const a = new MutationObserver((u) => {
+    const i = r;
+    r = M(t), !(r === i && u.every((m) => m.target === t)) && e();
+  });
+  return t && a.observe(t, g), a.observe(document.documentElement, tt), a.observe(document.head, et), document.addEventListener("load", s, !0), () => {
+    a.disconnect(), document.removeEventListener("load", s, !0);
+  };
+}
+const ot = [
+  "--elm-font",
+  "--elm-font-mono",
+  "--elm-radius",
+  "--elm-radius-control",
+  "--elm-shadow",
+  "--elm-shadow-raised",
+  "--elm-shadow-control",
+  "--elm-surface",
+  "--elm-surface-raised",
+  "--elm-surface-sunken",
+  "--elm-surface-hover",
+  "--elm-control-hover",
+  "--elm-text",
+  "--elm-text-secondary",
+  "--elm-text-muted",
+  "--elm-text-subtle",
+  "--elm-text-disabled",
+  "--elm-border",
+  "--elm-border-subtle",
+  "--elm-border-strong",
+  "--elm-focus-ring",
+  "--elm-tooltip",
+  "--elm-tooltip-text"
+], at = [
+  ...ot,
+  "--elm-accent",
+  ...[50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((t) => `--elm-primary-${t}`)
+];
+function K(t) {
+  if (!t) return;
+  const e = getComputedStyle(t);
+  let s;
+  for (const r of at) {
+    const a = e.getPropertyValue(r).trim();
+    a && ((s ?? (s = {}))[r] = a);
+  }
+  return s;
+}
+const nt = (t, e) => {
+  if (t === e) return !0;
+  if (!t || !e) return !1;
+  const s = Object.keys(t);
+  return s.length === Object.keys(e).length && s.every((r) => t[r] === e[r]);
+};
+function vt(t) {
+  const [e, s] = B(void 0);
+  return J(() => {
+    if (!t) {
+      s(void 0);
+      return;
+    }
+    const r = () => {
+      const m = K(t);
+      s((n) => nt(n, m) ? n : m);
+    };
+    let a = 0;
+    const u = () => {
+      a || (a = requestAnimationFrame(() => {
+        a = 0, r();
+      }));
+    };
+    r();
+    const i = rt(t, u);
+    return () => {
+      i(), cancelAnimationFrame(a);
+    };
+  }, [t]), e;
+}
+const ut = w(void 0), N = /* @__PURE__ */ new WeakMap();
+function kt(t, e) {
+  if (!e) return;
+  const s = (e instanceof HTMLElement ? e.className + "|" + e.getAttribute("data-elm-theme") + "|" + (e.getAttribute("style") ?? "") : "") + "|" + document.documentElement.className + "|" + (document.documentElement.getAttribute("style") ?? ""), r = N.get(t);
+  if (r && r.root === e && r.key === s) return;
+  const a = K(e) ?? {};
+  for (const u of (r == null ? void 0 : r.names) ?? []) u in a || t.style.removeProperty(u);
+  for (const [u, i] of Object.entries(a)) t.style.setProperty(u, i);
+  N.set(t, { root: e, key: s, names: Object.keys(a) });
+}
+const Ct = {
+  point: "place-point",
+  line: "draw-line",
+  polygon: "draw-polygon",
+  route: "draw-route",
+  circle: "draw-circle",
+  rectangle: "draw-rect",
+  freehand: "draw-freehand",
+  picker: "pick-shape",
+  measure: "measure"
+}, C = [
+  "topLeft",
+  "topCenter",
+  "topRight",
+  "leftCenter",
+  "rightCenter",
+  "bottomLeft",
+  "bottomCenter",
+  "bottomRight",
+  "statusLeft",
+  "statusRight"
+], V = (t) => (t && typeof t == "object" && (Object.values(t).forEach(V), Object.freeze(t)), t), H = V({
+  topCenter: ["toolbar"],
+  leftCenter: [{ group: ["undo", "redo"] }],
+  bottomLeft: ["basemap", "fitBounds", "locate", "zoomIndicator", "table", "schema", "geojson", "settings", "keyboard", "applyChanges"]
+});
+function f(t) {
+  const e = [];
+  for (const s of t)
+    s === "separator" && (e.length === 0 || e[e.length - 1] === "separator") || e.push(s);
+  return e[e.length - 1] === "separator" && e.pop(), e;
+}
+function Lt(t, e, s) {
+  switch (t) {
+    case "fitBounds":
+      return e.zoomToAll;
+    case "locate":
+      return e.locateButton;
+    case "zoomIndicator":
+      return e.zoomIndicator;
+    case "table":
+      return e.dataTable;
+    case "schema":
+      return e.schemaEditor && !s.readonly;
+    case "geojson":
+      return e.geojsonEditor;
+    case "settings":
+      return e.settings;
+    case "keyboard":
+      return e.keyboardShortcuts.show;
+    case "applyChanges":
+      return s.canSubmit && !s.readonly;
+    case "undo":
+    case "redo":
+      return !s.readonly;
+    // nothing to undo when nothing can be edited
+    case "basemap":
+      return s.hasBasemaps;
+    default:
+      return !0;
+  }
+}
+function Tt(t, e) {
+  const s = [];
+  for (const r of t)
+    if (typeof r == "object") {
+      const a = f(r.group.filter((u) => u === "separator" || e(u)));
+      a.length && s.push({ group: a });
+    } else (r === "separator" || e(r)) && s.push(r);
+  return f(s);
+}
+function lt(t) {
+  return t === !1 ? { enabled: !1, show: !1, mapZoom: !1 } : t === !0 || t === void 0 ? { enabled: !0, show: !0, mapZoom: !1 } : { enabled: t.enabled ?? !0, show: t.show ?? !0, mapZoom: t.mapZoom ?? !1 };
+}
+const A = /* @__PURE__ */ new Set([
+  "toolbar",
+  "undo",
+  "redo",
+  "fitBounds",
+  "locate",
+  "zoomIndicator",
+  "table",
+  "schema",
+  "geojson",
+  "settings",
+  "keyboard",
+  "applyChanges",
+  "attribution",
+  "basemap"
+]), S = (t) => t === "statusLeft" || t === "statusRight", j = (t) => !!t && typeof t == "object" && Array.isArray(t.group);
+function it(t, e, s) {
+  return A.has(t) ? (t === "toolbar" || t === "basemap") && s ? `'${t}' can't go in a group` : S(e) && (t === "toolbar" || t === "applyChanges") ? `'${t}' can't go in the status bar` : t === "attribution" && !S(e) ? "'attribution' can only go in statusLeft or statusRight" : null : `'${t}' is not a control`;
+}
+const R = (t) => Array.isArray(t) ? { items: t } : {
+  items: Array.isArray(t == null ? void 0 : t.items) ? t.items : [],
+  direction: t == null ? void 0 : t.direction
+};
+function mt(t) {
+  const e = /* @__PURE__ */ new Map(), s = {};
+  for (const r of C) {
+    const a = R(t[r]), u = S(r) ? "horizontal" : a.direction || (r === "leftCenter" || r === "rightCenter" ? "vertical" : "horizontal"), i = (o) => {
+      const l = e.get(o);
+      return l ? l === r ? `'${o}' is listed twice in ${r}; keeping the first one` : `'${o}' is in both ${l} and ${r}; keeping ${l} (the first in slot order). To move one control without relisting the defaults, use withLayout({ move: { ${o}: '${r}' } })` : null;
+    }, m = (o, l) => {
+      const p = o === "separator" ? l || S(r) ? null : "'separator' only goes inside a group or in the status bar (there's nothing to draw it on over the map); put it inside a { group: [...] }" : typeof o != "string" ? j(o) ? "groups can't be nested" : `${JSON.stringify(o)} is not a control, 'separator' or { group: [...] }` : it(o, r, l) ?? i(o);
+      return p ? (L(`${r}:${p}`, `config.ui.layout.${r}: ${p}. Ignoring it.`), !1) : (o !== "separator" && e.set(o, r), !0);
+    }, n = [];
+    for (const o of a.items)
+      if (j(o)) {
+        const l = f(o.group.filter((p) => m(p, !0)));
+        l.length && n.push({ group: l });
+      } else m(o, !1) && n.push(o);
+    s[r] = { items: f(n), direction: u };
+  }
+  return s;
+}
+function St(t, e = H) {
+  const s = Object.entries(t.move ?? {}), r = new Set(t.hide ?? []);
+  for (const n of [...s.map(([o]) => o), ...r])
+    A.has(n) || L(`withLayout:${n}`, `withLayout: '${n}' is not a control. Ignoring it.`);
+  const a = /* @__PURE__ */ new Set([...r, ...s.map(([n]) => n)]), u = (n) => !(typeof n == "string" && a.has(n)), i = {}, m = (n, o, l) => {
+    i[n] = Array.isArray(o) || o === void 0 ? l : { ...o, items: l };
+  };
+  for (const n of C) {
+    const o = e[n];
+    if (o === void 0) continue;
+    const l = R(o).items.flatMap((p) => {
+      if (!j(p)) return u(p) ? [p] : [];
+      const c = f(p.group.filter(u));
+      return c.length ? [{ group: c }] : [];
+    });
+    m(n, o, f(l));
+  }
+  for (const [n, o] of s) {
+    if (!A.has(n)) continue;
+    if (r.has(n)) {
+      L(`withLayout:both:${n}`, `withLayout: '${n}' is both moved and hidden; hiding it.`);
+      continue;
+    }
+    const { slot: l, at: p = "end" } = typeof o == "string" ? { slot: o } : o ?? {};
+    if (!C.includes(l)) {
+      L(`withLayout:slot:${String(l)}`, `withLayout: '${String(l)}' is not a slot (moving '${n}'). Ignoring it.`);
+      continue;
+    }
+    const c = i[l], h = [...R(c).items];
+    m(l, c, p === "start" ? [n, ...h] : [...h, n]);
+  }
+  return i;
+}
+function wt(t, e) {
+  const s = new Set(C.flatMap((i) => t[i].items.flatMap((m) => typeof m == "object" ? m.group : [m]))), r = [];
+  !e.readonly && (e.tools === null || e.tools.length > 0) && !s.has("toolbar") && r.push(`'toolbar' isn't placed, so the drawing tools are ${e.shortcuts ? "reachable only by keyboard shortcut" : "unreachable"}. Put it in a map slot (withLayout({ move: { toolbar: 'topCenter' } })), or set readonly / tools: [] if that's on purpose`), e.canSubmit && !e.readonly && !s.has("applyChanges") && r.push("onSubmit is set but 'applyChanges' isn't placed, so users can't submit. Place it, or call ref.submit() yourself");
+  const u = ["undo", "redo"].filter((i) => !s.has(i));
+  return !e.readonly && !e.shortcuts && u.length && r.push(`${u.map((i) => `'${i}'`).join(" and ")} ${u.length > 1 ? "aren't" : "isn't"} placed and keyboard shortcuts are off, so users can't ${u.join(" or ")}`), r;
+}
+const pt = {
+  topLeft: "top-left",
+  topCenter: "top-center",
+  topRight: "top-right",
+  leftCenter: "left-center",
+  rightCenter: "right-center",
+  bottomLeft: "bottom-left",
+  bottomCenter: "bottom-center",
+  bottomRight: "bottom-right"
+};
+function Y(t) {
+  var r, a, u, i, m, n, o, l, p, c, h, v, k, d, y, b, P, I;
+  const e = mt(((r = t == null ? void 0 : t.ui) == null ? void 0 : r.layout) ?? H), s = C.find((G) => e[G].items.includes("toolbar"));
+  return {
+    mode: (t == null ? void 0 : t.mode) ?? "system",
+    persistKey: (t == null ? void 0 : t.persistKey) || void 0,
+    persist: (t == null ? void 0 : t.persist) ?? !0,
+    network: (t == null ? void 0 : t.network) ?? {},
+    accentColor: (t == null ? void 0 : t.accentColor) || void 0,
+    featureColor: (t == null ? void 0 : t.featureColor) || void 0,
+    tools: (t == null ? void 0 : t.tools) ?? "all",
+    ui: {
+      hints: ((a = t == null ? void 0 : t.ui) == null ? void 0 : a.hints) ?? !0,
+      dataTable: ((u = t == null ? void 0 : t.ui) == null ? void 0 : u.dataTable) ?? !0,
+      layerList: ((i = t == null ? void 0 : t.ui) == null ? void 0 : i.layerList) ?? !0,
+      schemaEditor: ((m = t == null ? void 0 : t.ui) == null ? void 0 : m.schemaEditor) ?? !0,
+      geojsonEditor: ((n = t == null ? void 0 : t.ui) == null ? void 0 : n.geojsonEditor) ?? !0,
+      geojsonEditorOpen: (((o = t == null ? void 0 : t.ui) == null ? void 0 : o.geojsonEditor) ?? !0) && (((l = t == null ? void 0 : t.ui) == null ? void 0 : l.geojsonEditorOpen) ?? !1),
+      settings: ((p = t == null ? void 0 : t.ui) == null ? void 0 : p.settings) ?? !0,
+      zoomToAll: ((c = t == null ? void 0 : t.ui) == null ? void 0 : c.zoomToAll) ?? !0,
+      zoomIndicator: ((h = t == null ? void 0 : t.ui) == null ? void 0 : h.zoomIndicator) ?? !0,
+      locateButton: ((v = t == null ? void 0 : t.ui) == null ? void 0 : v.locateButton) ?? !0,
+      keyboardShortcuts: lt((k = t == null ? void 0 : t.ui) == null ? void 0 : k.keyboardShortcuts),
+      layout: e
+    },
+    toolbar: {
+      position: s && pt[s] || "top-center",
+      direction: ((d = t == null ? void 0 : t.toolbar) == null ? void 0 : d.direction) ?? "horizontal"
+    },
+    units: {
+      length: ((y = t == null ? void 0 : t.units) == null ? void 0 : y.length) ?? "auto",
+      area: ((b = t == null ? void 0 : t.units) == null ? void 0 : b.area) ?? "auto",
+      display: ((P = t == null ? void 0 : t.units) == null ? void 0 : P.display) ?? "human",
+      precision: ((I = t == null ? void 0 : t.units) == null ? void 0 : I.precision) ?? 2
+    }
+  };
+}
+const Z = w(Y()), x = w({
+  override: {},
+  setUnits: () => {
+  },
+  resetUnits: () => {
+  }
+}), E = "elm_units", O = 1;
+function D(t) {
+  return t === "metric" || t === "imperial" || t === "auto";
+}
+function dt(t) {
+  if (!t || typeof t != "object") return null;
+  const e = t, s = {};
+  return D(e.length) && (s.length = e.length), D(e.area) && (s.area = e.area), (e.display === "human" || e.display === "raw") && (s.display = e.display), typeof e.precision == "number" && e.precision >= 0 && e.precision <= 6 && (s.precision = e.precision), s;
+}
+function Et({
+  config: t,
+  children: e
+}) {
+  var h, v, k;
+  const s = t == null ? void 0 : t.persistKey, r = t == null ? void 0 : t.persist, [a, u] = B(
+    () => X(E, O, dt, { persistKey: s, persist: r }) ?? {}
+  ), i = U((d) => {
+    u((y) => {
+      const b = typeof d == "function" ? d(y) : { ...y, ...d };
+      return z(E, O, b, { persistKey: s, persist: r }), b;
+    });
+  }, [s, r]), m = U(() => {
+    u({}), z(E, O, {}, { persistKey: s, persist: r });
+  }, [s, r]), n = JSON.stringify(t ?? null), o = q((h = t == null ? void 0 : t.network) == null ? void 0 : h.fetch);
+  o.current = (v = t == null ? void 0 : t.network) == null ? void 0 : v.fetch;
+  const l = !!((k = t == null ? void 0 : t.network) != null && k.fetch), p = $(() => {
+    const d = Y(t);
+    return l && (d.network = { ...d.network, fetch: (y, b) => o.current(y, b) }), {
+      ...d,
+      units: {
+        length: a.length ?? d.units.length,
+        area: a.area ?? d.units.area,
+        display: a.display ?? d.units.display,
+        precision: a.precision ?? d.units.precision
+      }
+    };
+  }, [n, a, l]), c = $(
+    () => ({ override: a, setUnits: i, resetUnits: m }),
+    [a, i, m]
+  );
+  return /* @__PURE__ */ _(Z.Provider, { value: p, children: /* @__PURE__ */ _(x.Provider, { value: c, children: e }) });
+}
+function W() {
+  return T(Z);
+}
+function Ot() {
+  return T(x);
+}
+const ct = w(void 0);
+function F(t) {
+  return t ? { "--elm-accent": t } : void 0;
+}
+function $t() {
+  const t = W().accentColor, e = T(ut), s = T(ct);
+  return $(
+    () => e || s ? { ...F(t), ...e, ...s } : F(t),
+    [t, e, s]
+  );
+}
+function At(t) {
+  const e = W().accentColor;
+  Q(() => {
+    if (!t || !e) return;
+    const s = t.closest("[data-elm-theme]") ?? t;
+    if (s.style.getPropertyValue("--elm-accent") !== e)
+      return s.style.setProperty("--elm-accent", e), () => {
+        s.style.getPropertyValue("--elm-accent") === e && s.style.removeProperty("--elm-accent");
+      };
+  }, [t, e]);
+}
+export {
+  H as D,
+  Et as E,
+  C as L,
+  ct as R,
+  ot as T,
+  ut as a,
+  kt as b,
+  mt as c,
+  vt as d,
+  $t as e,
+  Ct as f,
+  F as g,
+  Y as h,
+  Lt as i,
+  At as j,
+  Ot as k,
+  wt as l,
+  St as m,
+  K as r,
+  W as u,
+  Tt as v,
+  rt as w
+};