@ogc-maps/storybook-components 0.15.0 → 0.16.0

package/dist/{BasemapSwitcher-BW7lyZ2Y.js → BasemapSwitcher-DuqVusX0.js}

@@ -1,25 +1,25 @@
 import { jsx as a, jsxs as t } from "react/jsx-runtime";
-function l({
+function o({
   basemaps: u,
-  activeBasemapId: r,
-  onSelect: m,
-  className: p
+  activeBasemapId: m,
+  onSelect: p,
+  className: r
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: `mapui:flex mapui:gap-2 mapui:flex-wrap ${p ?? ""}`,
+      className: `mapui:flex mapui:gap-2 mapui:flex-wrap ${r ?? ""}`,
       role: "group",
       "aria-label": "Basemap selection",
       children: u.map((i) => {
-        const e = i.id === r;
+        const e = i.id === m;
         return /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            onClick: () => m(i.id),
+            onClick: () => p(i.id),
             "aria-pressed": e,
-            className: `mapui:flex mapui:flex-col mapui:items-center mapui:gap-1 mapui:rounded-md mapui:border-2 mapui:px-3 mapui:py-2 mapui:text-sm mapui:font-medium mapui:cursor-pointer mapui:transition-colors ${e ? "mapui:border-blue-500 mapui:bg-blue-50 mapui:text-blue-700" : "mapui:border-gray-200 mapui:bg-white mapui:text-gray-700 hover:mapui:border-gray-300 hover:mapui:bg-gray-50"}`,
+            className: `mapui:flex mapui:flex-col mapui:items-center mapui:gap-1 mapui:rounded-md mapui:border-2 mapui:px-3 mapui:py-2 mapui:text-sm mapui:font-medium mapui:cursor-pointer mapui:transition-colors ${e ? "mapui:border-blue-500 mapui:bg-blue-50 mapui:text-blue-700" : "mapui:border-slate-200 mapui:bg-white mapui:text-slate-700 hover:mapui:border-slate-300 hover:mapui:bg-slate-50"}`,
             children: [
               i.thumbnail && /* @__PURE__ */ a(
                 "img",
@@ -39,5 +39,5 @@ function l({
   );
 }
 export {
-  l as B
+  o as B
 };

package/dist/CollapsibleControl-BTIkiTmU.js

@@ -0,0 +1,60 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { LuX as b } from "react-icons/lu";
+const g = {
+  "top-right": "mapui:top-0 mapui:right-full mapui:mr-2",
+  "top-left": "mapui:top-0 mapui:left-full mapui:ml-2",
+  "bottom-right": "mapui:bottom-0 mapui:right-full mapui:mr-2",
+  "bottom-left": "mapui:bottom-0 mapui:left-full mapui:ml-2"
+};
+function C({
+  icon: m,
+  label: a,
+  corner: o = "top-right",
+  defaultCollapsed: r = !0,
+  collapsed: p,
+  onToggle: u,
+  children: n,
+  className: c = ""
+}) {
+  const [d, h] = f(r), e = p !== void 0 ? p : d, s = () => {
+    const l = !e;
+    u ? u(l) : h(l);
+  };
+  return /* @__PURE__ */ t("div", { className: `mapui:relative mapui:w-10 mapui:h-10 ${c}`, children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        onClick: s,
+        title: a,
+        "aria-label": a,
+        className: `mapui:flex mapui:items-center mapui:justify-center mapui:w-10 mapui:h-10 mapui:bg-white mapui:rounded mapui:shadow-md hover:mapui:bg-slate-50 mapui:transition-colors ${e ? "" : "mapui:bg-slate-100"}`,
+        children: /* @__PURE__ */ i(m, { size: 20, className: "mapui:text-slate-700" })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: `mapui:absolute ${g[o]} mapui:z-10 mapui:bg-white/90 mapui:backdrop-blur-sm mapui:rounded-lg mapui:shadow-lg mapui:transition-all mapui:duration-150 mapui:origin-top-right ${e ? "mapui:opacity-0 mapui:scale-95 mapui:pointer-events-none" : "mapui:opacity-100 mapui:scale-100 mapui:pointer-events-auto"}`, children: [
+      /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:p-2 mapui:border-b mapui:border-slate-200", children: [
+        /* @__PURE__ */ t("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+          /* @__PURE__ */ i(m, { size: 18, className: "mapui:text-slate-700" }),
+          /* @__PURE__ */ i("span", { className: "mapui:text-sm mapui:font-medium mapui:text-slate-700", children: a })
+        ] }),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: s,
+            title: `Collapse ${a}`,
+            "aria-label": `Collapse ${a}`,
+            className: "mapui:flex mapui:items-center mapui:justify-center mapui:min-w-[44px] mapui:min-h-[44px] mapui:w-8 mapui:h-8 mapui:rounded hover:mapui:bg-slate-100 mapui:transition-colors",
+            children: /* @__PURE__ */ i(b, { size: 16, className: "mapui:text-slate-600" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "mapui:p-2", children: n })
+    ] })
+  ] });
+}
+export {
+  C
+};

package/dist/CoordinateDisplay-BblQ34mS.js

@@ -0,0 +1,154 @@
+import { jsxs as N, jsx as c } from "react/jsx-runtime";
+import { useState as w } from "react";
+function W(u, n) {
+  return `${u.toFixed(6)}, ${n.toFixed(6)}`;
+}
+function j(u, n) {
+  const p = (m, a, i) => {
+    const t = m >= 0 ? a : i, e = Math.abs(m), r = Math.floor(e), s = (e - r) * 60, b = Math.floor(s), x = ((s - b) * 60).toFixed(1);
+    return `${r}°${b}'${x}"${t}`;
+  }, o = p(u, "N", "S"), d = p(n, "E", "W");
+  return `${o} ${d}`;
+}
+function z(u, n) {
+  const p = (m, a, i) => {
+    const t = m >= 0 ? a : i, e = Math.abs(m), r = Math.floor(e), s = ((e - r) * 60).toFixed(3);
+    return `${r}° ${s}' ${t}`;
+  }, o = p(u, "N", "S"), d = p(n, "E", "W");
+  return `${o}, ${d}`;
+}
+function M(u) {
+  if (!u) return null;
+  const n = u.trim();
+  if (!n) return null;
+  const p = n.match(/[NSEW]/i), o = p ? p[0].toUpperCase() : null, m = n.replace(/[NSEW]/gi, " ").replace(/[°º*]/g, " ").replace(/['′]/g, " ").replace(/["″]/g, " ").replace(/,/g, " ").trim().split(/\s+/).filter(Boolean);
+  if (m.length === 0) return null;
+  const a = m.map((t) => Number(t));
+  if (a.some((t) => !Number.isFinite(t))) return null;
+  let i;
+  if (a.length === 1)
+    i = a[0];
+  else if (a.length === 2) {
+    const [t, e] = a;
+    if (e < 0) return null;
+    const r = Math.abs(t) + e / 60;
+    i = t < 0 ? -r : r;
+  } else if (a.length === 3) {
+    const [t, e, r] = a;
+    if (e < 0 || r < 0) return null;
+    const s = Math.abs(t) + e / 60 + r / 3600;
+    i = t < 0 ? -s : s;
+  } else
+    return null;
+  return o === "S" || o === "W" ? i = -Math.abs(i) : (o === "N" || o === "E") && (i = Math.abs(i)), i;
+}
+function U({
+  latitude: u,
+  longitude: n,
+  activeFormat: p,
+  formats: o,
+  onFormatChange: d,
+  className: m = "",
+  onNavigate: a,
+  isExpanded: i,
+  onToggleExpand: t
+}) {
+  const e = o.find((l) => l.id === p), [r, s] = w(!1), b = i ?? r, x = !!a, [C, k] = w(""), [$, E] = w(""), [y, g] = w(null), I = () => {
+    const f = (o.findIndex((h) => h.id === p) + 1) % o.length;
+    d(o[f].id);
+  }, S = (l) => {
+    t ? t(l) : s(l), l || g(null);
+  }, v = () => {
+    x && S(!b);
+  }, F = (l) => {
+    if (l.preventDefault(), !a) return;
+    const f = M(C), h = M($);
+    if (f == null || f < -90 || f > 90) {
+      g("Latitude must be between -90 and 90");
+      return;
+    }
+    if (h == null || h < -180 || h > 180) {
+      g("Longitude must be between -180 and 180");
+      return;
+    }
+    g(null), a(f, h), S(!1);
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: `mapui:bg-black/60 mapui:text-white mapui:text-xs mapui:px-3 mapui:py-1 mapui:flex mapui:flex-col mapui:gap-1 mapui:rounded ${m}`,
+      children: [
+        /* @__PURE__ */ N("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              onClick: I,
+              className: "mapui:text-blue-300 hover:mapui:text-blue-200 mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:p-0",
+              title: "Click to cycle coordinate format",
+              type: "button",
+              children: (e == null ? void 0 : e.label) ?? "Unknown"
+            }
+          ),
+          x ? /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: v,
+              className: "mapui:font-mono mapui:cursor-pointer mapui:border-none mapui:bg-transparent mapui:text-inherit mapui:p-0 hover:mapui:text-blue-200",
+              title: "Click to go to coordinates",
+              "aria-expanded": b,
+              children: u !== null && n !== null && e ? e.format(u, n) : "—"
+            }
+          ) : /* @__PURE__ */ c("span", { className: "mapui:font-mono", children: u !== null && n !== null && e ? e.format(u, n) : "—" })
+        ] }),
+        x && b && /* @__PURE__ */ N("form", { onSubmit: F, className: "mapui:flex mapui:flex-col mapui:gap-1 mapui:pt-1", children: [
+          /* @__PURE__ */ N("div", { className: "mapui:flex mapui:items-center mapui:gap-1", children: [
+            /* @__PURE__ */ c("label", { className: "mapui:text-[10px] mapui:uppercase mapui:tracking-wide mapui:opacity-80", htmlFor: "mapui-coord-lat", children: "Lat" }),
+            /* @__PURE__ */ c(
+              "input",
+              {
+                id: "mapui-coord-lat",
+                type: "text",
+                value: C,
+                onChange: (l) => k(l.target.value),
+                placeholder: "40.7128",
+                className: "mapui:bg-white/10 mapui:text-white mapui:rounded mapui:px-1 mapui:py-0.5 mapui:font-mono mapui:w-24 mapui:border mapui:border-white/20 focus:mapui:outline-none focus:mapui:border-blue-300",
+                "aria-label": "Latitude",
+                autoFocus: !0
+              }
+            ),
+            /* @__PURE__ */ c("label", { className: "mapui:text-[10px] mapui:uppercase mapui:tracking-wide mapui:opacity-80 mapui:ml-1", htmlFor: "mapui-coord-lng", children: "Lng" }),
+            /* @__PURE__ */ c(
+              "input",
+              {
+                id: "mapui-coord-lng",
+                type: "text",
+                value: $,
+                onChange: (l) => E(l.target.value),
+                placeholder: "-74.006",
+                className: "mapui:bg-white/10 mapui:text-white mapui:rounded mapui:px-1 mapui:py-0.5 mapui:font-mono mapui:w-24 mapui:border mapui:border-white/20 focus:mapui:outline-none focus:mapui:border-blue-300",
+                "aria-label": "Longitude"
+              }
+            ),
+            /* @__PURE__ */ c(
+              "button",
+              {
+                type: "submit",
+                className: "mapui:bg-blue-500 hover:mapui:bg-blue-400 mapui:text-white mapui:rounded mapui:px-2 mapui:py-0.5 mapui:ml-1 mapui:cursor-pointer mapui:border-none",
+                children: "Go"
+              }
+            )
+          ] }),
+          y && /* @__PURE__ */ c("div", { className: "mapui:text-red-300 mapui:text-[10px]", children: y })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  U as C,
+  j as a,
+  W as b,
+  z as f,
+  M as p
+};

package/dist/{ExportButton-Ck1dESnc.js → ExportButton-C8hCCsav.js}

@@ -1,26 +1,26 @@
 import { jsx as t } from "react/jsx-runtime";
-function s({
+function r({
   icon: e,
   label: i = "Export",
   onExport: o,
-  loading: r = !1,
-  disabled: u = !1,
+  loading: u = !1,
+  disabled: s = !1,
   className: m = ""
 }) {
-  const a = u || r;
+  const a = s || u;
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       title: i,
       "aria-label": i,
-      className: `mapui:flex mapui:items-center mapui:justify-center mapui:w-10 mapui:h-10 mapui:bg-white mapui:rounded mapui:shadow-md mapui:transition-colors ${a ? "mapui:cursor-not-allowed mapui:opacity-50" : "mapui:cursor-pointer hover:mapui:bg-gray-50"} ${m}`.trim(),
+      className: `mapui:flex mapui:items-center mapui:justify-center mapui:w-10 mapui:h-10 mapui:bg-white mapui:rounded mapui:shadow-md mapui:transition-colors ${a ? "mapui:cursor-not-allowed mapui:opacity-50" : "mapui:cursor-pointer hover:mapui:bg-slate-50"} ${m}`.trim(),
       disabled: a,
       onClick: o,
-      children: /* @__PURE__ */ t(e, { size: 20, className: "mapui:text-gray-700" })
+      children: /* @__PURE__ */ t(e, { size: 20, className: "mapui:text-slate-700" })
     }
   );
 }
 export {
-  s as E
+  r as E
 };

package/dist/{FeatureDetailPanel-CkFpdEKW.js → FeatureDetailPanel-DgCHiNi9.js}

@@ -1,39 +1,39 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { P as c } from "./PropertyList-BGXHLVBM.js";
-function f({
-  isOpen: r,
+import { P as c } from "./PropertyList-0EonV_BQ.js";
+function b({
+  isOpen: t,
   onClose: m,
   properties: i,
-  title: t = "Feature Properties",
-  fields: l,
-  labels: o,
+  title: l = "Feature Properties",
+  fields: r,
+  labels: s,
   variant: e = "panel",
-  className: n = ""
+  className: o = ""
 }) {
-  if (!r) return null;
+  if (!t) return null;
   const u = /* @__PURE__ */ p(
     "div",
     {
       className: [
-        "mapui:flex mapui:flex-col mapui:rounded mapui:border mapui:border-gray-200 mapui:bg-white mapui:shadow-md",
+        "mapui:flex mapui:flex-col mapui:rounded mapui:border mapui:border-slate-200 mapui:bg-white/90 mapui:backdrop-blur-sm mapui:shadow-md",
         e === "modal" ? "mapui:max-h-[80vh] mapui:w-full mapui:max-w-lg" : "mapui:max-h-[calc(100vh-4rem)] mapui:w-72",
-        n
+        o
       ].filter(Boolean).join(" ").trim(),
-      onClick: e === "modal" ? (s) => s.stopPropagation() : void 0,
+      onClick: e === "modal" ? (n) => n.stopPropagation() : void 0,
       children: [
-        /* @__PURE__ */ p("div", { className: "mapui:flex mapui:shrink-0 mapui:items-center mapui:justify-between mapui:border-b mapui:border-gray-200 mapui:px-4 mapui:py-3", children: [
-          /* @__PURE__ */ a("h3", { className: "mapui:m-0 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: t }),
+        /* @__PURE__ */ p("div", { className: "mapui:flex mapui:shrink-0 mapui:items-center mapui:justify-between mapui:border-b mapui:border-slate-200 mapui:px-4 mapui:py-3", children: [
+          /* @__PURE__ */ a("h3", { className: "mapui:m-0 mapui:text-sm mapui:font-semibold mapui:text-slate-700", children: l }),
           /* @__PURE__ */ a(
             "button",
             {
               onClick: m,
-              className: "mapui:flex mapui:h-6 mapui:w-6 mapui:cursor-pointer mapui:items-center mapui:justify-center mapui:rounded mapui:border-0 mapui:bg-transparent mapui:text-lg mapui:leading-none mapui:text-gray-400 mapui:transition-colors hover:mapui:bg-gray-100 hover:mapui:text-gray-700",
+              className: "mapui:flex mapui:h-6 mapui:w-6 mapui:cursor-pointer mapui:items-center mapui:justify-center mapui:rounded mapui:border-0 mapui:bg-transparent mapui:text-lg mapui:leading-none mapui:text-slate-400 mapui:transition-colors hover:mapui:bg-slate-100 hover:mapui:text-slate-700",
               "aria-label": "Close",
               children: "×"
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "mapui:overflow-y-auto mapui:px-4 mapui:py-3", children: i && Object.keys(i).length > 0 ? /* @__PURE__ */ a(c, { properties: i, fields: l, labels: o, density: "default" }) : /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-gray-400", children: "No properties available." }) })
+        /* @__PURE__ */ a("div", { className: "mapui:overflow-y-auto mapui:px-4 mapui:py-3", children: i && Object.keys(i).length > 0 ? /* @__PURE__ */ a(c, { properties: i, fields: r, labels: s, density: "default" }) : /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-sm mapui:text-slate-400", children: "No properties available." }) })
       ]
     }
   );
@@ -47,5 +47,5 @@ function f({
   ) : u;
 }
 export {
-  f as F
+  b as F
 };

package/dist/FeatureTooltip-DHjMZC0u.js

@@ -0,0 +1,49 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { P as x } from "./PropertyList-0EonV_BQ.js";
+function f({
+  title: d,
+  properties: p,
+  fields: o,
+  labels: c,
+  features: e,
+  maxItems: m = 4,
+  className: t = ""
+}) {
+  const s = e && e.length > 0 ? e : p ? [{ title: d, properties: p, fields: o, labels: c }] : [];
+  return s.length === 0 ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: `mapui:rounded mapui:border mapui:border-slate-200 mapui:bg-white/90 mapui:backdrop-blur-sm mapui:px-3 mapui:py-2 mapui:shadow-md ${t}`.trim(),
+      children: /* @__PURE__ */ a("p", { className: "mapui:m-0 mapui:text-xs mapui:text-slate-400", children: "No data" })
+    }
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: `mapui:min-w-[140px] mapui:max-w-[240px] mapui:rounded mapui:border mapui:border-slate-200 mapui:bg-white/90 mapui:backdrop-blur-sm mapui:shadow-md ${t}`.trim(),
+      children: s.map((i, r) => {
+        const u = i.fields ?? Object.keys(i.properties), n = u.length > m, b = u.length - m;
+        return /* @__PURE__ */ a("div", { className: r > 0 ? "mapui:border-t mapui:border-slate-200" : "", children: /* @__PURE__ */ l("div", { className: "mapui:px-3 mapui:py-2", children: [
+          i.title && /* @__PURE__ */ a("p", { className: "mapui:mb-1.5 mapui:mt-0 mapui:text-xs mapui:font-semibold mapui:text-slate-700", children: i.title }),
+          /* @__PURE__ */ a(
+            x,
+            {
+              properties: i.properties,
+              fields: i.fields,
+              labels: i.labels,
+              maxItems: m,
+              density: "compact"
+            }
+          ),
+          n && /* @__PURE__ */ l("p", { className: "mapui:mb-0 mapui:mt-1 mapui:text-xs mapui:text-slate-400", children: [
+            "+",
+            b,
+            " more"
+          ] })
+        ] }) }, r);
+      })
+    }
+  );
+}
+export {
+  f as F
+};

package/dist/{LayerPanel-C6H74vhO.js → LayerPanel-BkDbZ66Z.js}

@@ -1,41 +1,41 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { useState as g, useCallback as u } from "react";
+import { jsxs as o, jsx as p } from "react/jsx-runtime";
+import { useState as g, useCallback as m } from "react";
 function E({
-  layers: r,
+  layers: c,
   activeLayerIds: f,
   onToggleVisibility: v,
   onReorder: i,
   className: x = "",
   hideTitle: h
 }) {
-  const [n, l] = g(null), [D, s] = g(null), b = u(
+  const [n, r] = g(null), [D, u] = g(null), b = m(
     (a, e) => {
-      l(e), a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", e);
+      r(e), a.dataTransfer.effectAllowed = "move", a.dataTransfer.setData("text/plain", e);
     },
     []
-  ), N = u(
+  ), N = m(
     (a, e) => {
-      a.preventDefault(), a.dataTransfer.dropEffect = "move", s(e);
+      a.preventDefault(), a.dataTransfer.dropEffect = "move", u(e);
     },
     []
-  ), O = u(() => {
-    s(null);
-  }, []), I = u(
+  ), O = m(() => {
+    u(null);
+  }, []), I = m(
     (a, e) => {
-      if (a.preventDefault(), s(null), l(null), !i || !n || n === e) return;
-      const p = r.map((w) => w.id), c = p.indexOf(n), t = p.indexOf(e);
-      if (c === -1 || t === -1) return;
-      const d = [...p];
-      d.splice(c, 1), d.splice(t, 0, n), i(d);
+      if (a.preventDefault(), u(null), r(null), !i || !n || n === e) return;
+      const s = c.map((w) => w.id), l = s.indexOf(n), t = s.indexOf(e);
+      if (l === -1 || t === -1) return;
+      const d = [...s];
+      d.splice(l, 1), d.splice(t, 0, n), i(d);
     },
-    [n, r, i]
-  ), L = u(() => {
-    l(null), s(null);
+    [n, c, i]
+  ), L = m(() => {
+    r(null), u(null);
   }, []);
   return /* @__PURE__ */ o("div", { className: `mapui:flex mapui:flex-col mapui:gap-1 ${x}`.trim(), children: [
-    !h && /* @__PURE__ */ m("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-gray-700", children: "Layers" }),
-    /* @__PURE__ */ m("ul", { className: "mapui:m-0 mapui:list-none mapui:p-0", children: r.map((a) => {
-      const e = f.includes(a.id), p = n === a.id, c = D === a.id;
+    !h && /* @__PURE__ */ p("h3", { className: "mapui:m-0 mapui:mb-2 mapui:text-sm mapui:font-semibold mapui:text-slate-700", children: "Layers" }),
+    /* @__PURE__ */ p("ul", { className: "mapui:m-0 mapui:list-none mapui:p-0", children: c.map((a) => {
+      const e = f.includes(a.id), s = n === a.id, l = D === a.id;
       return /* @__PURE__ */ o(
         "li",
         {
@@ -48,29 +48,29 @@ function E({
           className: [
             "mapui:flex mapui:items-center mapui:gap-2 mapui:rounded mapui:px-2 mapui:py-1.5",
             "mapui:select-none mapui:transition-colors",
-            c ? "mapui:bg-gray-200" : "mapui:bg-transparent hover:mapui:bg-gray-100",
-            p ? "mapui:opacity-50" : "mapui:opacity-100"
+            l ? "mapui:bg-slate-200" : "mapui:bg-transparent hover:mapui:bg-slate-100",
+            s ? "mapui:opacity-50" : "mapui:opacity-100"
           ].join(" "),
           children: [
-            i && /* @__PURE__ */ m(
+            i && /* @__PURE__ */ p(
               "span",
               {
-                className: "mapui:cursor-grab mapui:text-gray-400 active:mapui:cursor-grabbing",
+                className: "mapui:cursor-grab mapui:text-slate-400 active:mapui:cursor-grabbing",
                 "aria-hidden": "true",
                 children: "⠿"
               }
             ),
             /* @__PURE__ */ o("label", { className: "mapui:flex mapui:flex-1 mapui:cursor-pointer mapui:items-center mapui:gap-2 mapui:min-w-0", children: [
-              /* @__PURE__ */ m(
+              /* @__PURE__ */ p(
                 "input",
                 {
                   type: "checkbox",
                   checked: e,
                   onChange: () => v(a.id),
-                  className: "mapui:h-4 mapui:w-4 mapui:cursor-pointer mapui:accent-gray-700"
+                  className: "mapui:h-4 mapui:w-4 mapui:cursor-pointer mapui:accent-slate-700"
                 }
               ),
-              /* @__PURE__ */ m("span", { className: "mapui:text-sm mapui:text-gray-800 mapui:truncate", children: a.label })
+              /* @__PURE__ */ p("span", { className: "mapui:text-sm mapui:text-slate-800 mapui:truncate", children: a.label })
             ] })
           ]
         },