@ogc-maps/storybook-components 0.14.0 → 0.16.0

package/dist/utils/queryableHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"queryableHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/queryableHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI/D,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO,CAEnE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAG9D;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAMtG;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAMpG;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAC9C,UAAU,EAAE,aAAa,GACxB,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAQ9C;AAED;;;GAGG;AACH,wBAAgB,sCAAsC,CACpD,UAAU,EAAE,aAAa,GACxB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAQ3C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,aAAa,GAAG,iBAAiB,EAAE,CAYpF;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE;IAAE,QAAQ,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,EAAE,GAClD,MAAM,EAAE,CAQV;AAED;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAmCrF;AAED;;;;GAIG;AACH,wBAAsB,4BAA4B,CAChD,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,CAcvD;AAED;;;;GAIG;AACH,wBAAsB,6BAA6B,CACjD,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAoBpD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKzD"}
+{"version":3,"file":"queryableHelpers.d.ts","sourceRoot":"","sources":["../../src/utils/queryableHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI/D,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO,CAEnE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAG9D;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAMtG;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAMpG;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAC9C,UAAU,EAAE,aAAa,GACxB,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAQ9C;AAED;;;GAGG;AACH,wBAAgB,sCAAsC,CACpD,UAAU,EAAE,aAAa,GACxB,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAQ3C;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,EAAE,CAI5E;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,aAAa,GAAG,iBAAiB,EAAE,CAYpF;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE;IAAE,QAAQ,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,EAAE,GAClD,MAAM,EAAE,CAQV;AAED;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAmCrF;AAED;;;;GAIG;AACH,wBAAsB,4BAA4B,CAChD,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,CAcvD;AAED;;;;GAIG;AACH,wBAAsB,6BAA6B,CACjD,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAoBpD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKzD"}

package/dist/utils/slugify.d.ts

@@ -0,0 +1,2 @@
+export declare function slugify(text: string): string;
+//# sourceMappingURL=slugify.d.ts.map

package/dist/utils/slugify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slugify.d.ts","sourceRoot":"","sources":["../../src/utils/slugify.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE5C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogc-maps/storybook-components",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "type": "module",
   "main": "./dist/main.js",
   "publishConfig": {
@@ -46,6 +46,10 @@
       "types": "./dist/components/FeatureTooltip/index.d.ts",
       "import": "./dist/components/FeatureTooltip/index.js"
     },
+    "./components/InfoControl": {
+      "types": "./dist/components/InfoControl/index.d.ts",
+      "import": "./dist/components/InfoControl/index.js"
+    },
     "./components/SearchPanel": {
       "types": "./dist/components/SearchPanel/index.d.ts",
       "import": "./dist/components/SearchPanel/index.js"
@@ -61,6 +65,10 @@
     "./types": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/types/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
     }
   },
   "files": [
@@ -74,28 +82,36 @@
   },
   "dependencies": {
     "@turf/area": "^7.3.4",
+    "@turf/buffer": "^7.3.4",
     "@turf/helpers": "^7.3.4",
     "@turf/length": "^7.3.4",
-    "zod": "^3.24.1"
+    "react-markdown": "^9.0.1",
+    "remark-gfm": "^4.0.0",
+    "zod": "^4.3.6"
+  },
+  "optionalDependencies": {
+    "@mapbox/shp-write": "^0.4.3",
+    "@ngageoint/geopackage": "^4.2.0",
+    "@tmcw/tokml": "^1.0.0-alpha.0",
+    "flatgeobuf": "^3.32.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@tailwindcss/vite": "^4.0.0-beta.10",
+    "@chromatic-com/storybook": "^5.1.1",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-links": "^10.3.3",
+    "@storybook/react": "^10.3.3",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/vite": "^4.0.0",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^2.1.9",
+    "jsdom": "^29.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.0.0",
-    "storybook": "^8.5.0",
-    "tailwindcss": "^4.0.0-beta.10",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^4.0.0",
     "typescript": "^5.7.3",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.3.0",
@@ -107,6 +123,7 @@
     "build": "vite build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "test": "vitest run"
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage"
   }
 }

package/dist/CollapsibleControl-qo9daiD8.js

@@ -1,53 +0,0 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { LuX as g } from "react-icons/lu";
-function x({
-  icon: t,
-  label: i,
-  defaultCollapsed: l = !0,
-  collapsed: p,
-  onToggle: u,
-  children: o,
-  className: n = ""
-}) {
-  const [c, d] = h(l), m = p !== void 0 ? p : c, s = () => {
-    const r = !m;
-    u ? u(r) : d(r);
-  };
-  return /* @__PURE__ */ e("div", { className: `mapui:relative mapui:w-10 mapui:h-10 ${n}`, children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        onClick: s,
-        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 hover:mapui:bg-gray-50 mapui:transition-colors ${m ? "" : "mapui:bg-gray-100"}`,
-        children: /* @__PURE__ */ a(t, { size: 20, className: "mapui:text-gray-700" })
-      }
-    ),
-    !m && /* @__PURE__ */ e("div", { className: "mapui:absolute mapui:top-0 mapui:right-full mapui:mr-2 mapui:z-10 mapui:bg-white mapui:rounded-lg mapui:shadow-lg", children: [
-      /* @__PURE__ */ e("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:p-2 mapui:border-b mapui:border-gray-200", children: [
-        /* @__PURE__ */ e("div", { className: "mapui:flex mapui:items-center mapui:gap-2", children: [
-          /* @__PURE__ */ a(t, { size: 18, className: "mapui:text-gray-700" }),
-          /* @__PURE__ */ a("span", { className: "mapui:text-sm mapui:font-medium mapui:text-gray-700", children: i })
-        ] }),
-        /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            onClick: s,
-            title: `Collapse ${i}`,
-            "aria-label": `Collapse ${i}`,
-            className: "mapui:flex mapui:items-center mapui:justify-center mapui:w-6 mapui:h-6 mapui:rounded hover:mapui:bg-gray-100 mapui:transition-colors",
-            children: /* @__PURE__ */ a(g, { size: 16, className: "mapui:text-gray-600" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "mapui:p-2", children: o })
-    ] })
-  ] });
-}
-export {
-  x as C
-};

package/dist/CoordinateDisplay-PxPmVjpm.js

@@ -1,47 +0,0 @@
-import { jsxs as f, jsx as d } from "react/jsx-runtime";
-function h(t, e) {
-  return `${t.toFixed(6)}, ${e.toFixed(6)}`;
-}
-function $(t, e) {
-  const a = (i, n, m) => {
-    const r = i >= 0 ? n : m, s = Math.abs(i), c = Math.floor(s), l = (s - c) * 60, p = Math.floor(l), x = ((l - p) * 60).toFixed(1);
-    return `${c}°${p}'${x}"${r}`;
-  }, o = a(t, "N", "S"), u = a(e, "E", "W");
-  return `${o} ${u}`;
-}
-function C({
-  latitude: t,
-  longitude: e,
-  activeFormat: a,
-  formats: o,
-  onFormatChange: u,
-  className: i = ""
-}) {
-  const n = o.find((r) => r.id === a), m = () => {
-    const s = (o.findIndex((c) => c.id === a) + 1) % o.length;
-    u(o[s].id);
-  };
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      className: `mapui:bg-black/60 mapui:text-white mapui:text-xs mapui:px-3 mapui:py-1 mapui:flex mapui:items-center mapui:gap-2 mapui:rounded ${i}`,
-      children: [
-        /* @__PURE__ */ d(
-          "button",
-          {
-            onClick: m,
-            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",
-            children: (n == null ? void 0 : n.label) ?? "Unknown"
-          }
-        ),
-        /* @__PURE__ */ d("span", { className: "mapui:font-mono", children: t !== null && e !== null && n ? n.format(t, e) : "—" })
-      ]
-    }
-  );
-}
-export {
-  C,
-  h as a,
-  $ as f
-};

package/dist/FeatureTooltip-DxzN-jnp.js

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

package/dist/Legend-BLWBzD7Y.js

@@ -1,275 +0,0 @@
-import { jsxs as o, jsx as a, Fragment as b } from "react/jsx-runtime";
-import { useState as N } from "react";
-import { BsArrowsAngleContract as C, BsArrowsAngleExpand as A } from "react-icons/bs";
-import { MdOutlineKeyboardArrowDown as k, MdOutlineKeyboardArrowRight as v } from "react-icons/md";
-const E = {
-  fill: "fill-opacity",
-  line: "line-opacity",
-  circle: "circle-opacity",
-  symbol: "icon-opacity"
-};
-function I(i) {
-  var s, p;
-  const e = (s = i.styles) == null ? void 0 : s[0];
-  if (!e) return 1;
-  const n = E[e.type];
-  if (!n) return 1;
-  const t = (p = e.paint) == null ? void 0 : p[n];
-  return typeof t == "number" ? t : 1;
-}
-function w({ color: i, shape: e }) {
-  const n = e ?? "square";
-  let t;
-  return n === "circle" ? t = /* @__PURE__ */ a(
-    "span",
-    {
-      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-full",
-      style: { backgroundColor: i }
-    }
-  ) : n === "line" ? t = /* @__PURE__ */ a(
-    "span",
-    {
-      className: "mapui:inline-block mapui:h-0.5 mapui:w-4 mapui:rounded-full",
-      style: { backgroundColor: i }
-    }
-  ) : t = /* @__PURE__ */ a(
-    "span",
-    {
-      className: "mapui:inline-block mapui:h-3 mapui:w-3 mapui:rounded-sm",
-      style: { backgroundColor: i }
-    }
-  ), /* @__PURE__ */ a("span", { className: "mapui:inline-flex mapui:items-center mapui:justify-center mapui:w-5 mapui:shrink-0", children: t });
-}
-function L(i) {
-  return `linear-gradient(to right, ${i.map((e, n) => `${e.color} ${n / i.length * 100}% ${(n + 1) / i.length * 100}%`).join(", ")})`;
-}
-function B(i) {
-  return `linear-gradient(to right, ${i.map((e) => e.color).join(", ")})`;
-}
-function y(i) {
-  const e = i.trim();
-  let n, t, s;
-  if (/^#[0-9a-f]{3}$/i.test(e))
-    n = parseInt(e[1] + e[1], 16), t = parseInt(e[2] + e[2], 16), s = parseInt(e[3] + e[3], 16);
-  else if (/^#[0-9a-f]{6}$/i.test(e))
-    n = parseInt(e.slice(1, 3), 16), t = parseInt(e.slice(3, 5), 16), s = parseInt(e.slice(5, 7), 16);
-  else
-    return null;
-  const p = n / 255, r = t / 255, d = s / 255, h = Math.max(p, r, d), g = Math.min(p, r, d), f = h - g;
-  if (f === 0) return 0;
-  let l = 0;
-  return h === p ? l = ((r - d) / f + 6) % 6 : h === r ? l = (d - p) / f + 2 : l = (p - r) / f + 4, l * 60;
-}
-function j(i) {
-  return [...i].sort((e, n) => {
-    const t = y(e.color), s = y(n.color);
-    return t === null && s === null ? 0 : t === null ? 1 : s === null ? -1 : t - s;
-  });
-}
-function S({ legend: i, label: e, hasArrowColumn: n }) {
-  const { entries: t } = i, s = n ? /* @__PURE__ */ a("span", { className: "mapui:w-5 mapui:shrink-0" }) : null;
-  return t.length === 1 ? /* @__PURE__ */ o("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0", children: [
-    s,
-    /* @__PURE__ */ a(w, { color: t[0].color, shape: t[0].shape }),
-    /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate", children: t[0].label || e })
-  ] }) : /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ a("div", { className: "mapui:mb-1 mapui:text-xs mapui:font-medium mapui:text-gray-600", children: e }),
-    /* @__PURE__ */ a("ul", { className: "mapui:m-0 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:pl-1", children: t.map((p, r) => /* @__PURE__ */ o(
-      "li",
-      {
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
-        children: [
-          s,
-          /* @__PURE__ */ a(w, { color: p.color, shape: p.shape }),
-          /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate", children: p.label })
-        ]
-      },
-      `${p.label}-${r}`
-    )) })
-  ] });
-}
-function M({
-  legend: i,
-  label: e,
-  expanded: n,
-  onToggle: t,
-  hasArrowColumn: s
-}) {
-  const { entries: p } = i, r = i.showColorBar !== !1, d = i.showDisclosureArrow !== !1, h = i.showLabelsCollapsed ?? !1, g = p.filter((u, c, x) => x.findIndex(($) => $.color === u.color) === c), f = j(g), l = /* @__PURE__ */ a("span", { className: "mapui:inline-flex mapui:items-center mapui:justify-center mapui:w-5 mapui:shrink-0", children: /* @__PURE__ */ a("span", { className: "mapui:text-gray-400", children: n ? /* @__PURE__ */ a(k, {}) : /* @__PURE__ */ a(v, {}) }) }), m = /* @__PURE__ */ o(b, { children: [
-    s && (d ? l : /* @__PURE__ */ a("span", { className: "mapui:w-5 mapui:shrink-0" })),
-    r ? /* @__PURE__ */ a(
-      "div",
-      {
-        className: "mapui:h-3 mapui:w-5 mapui:rounded-sm mapui:shrink-0",
-        style: { background: L(f) }
-      }
-    ) : !s && d ? l : /* @__PURE__ */ a("span", { className: "mapui:w-5 mapui:shrink-0" }),
-    /* @__PURE__ */ a("span", { className: "mapui:truncate", children: e })
-  ] });
-  return /* @__PURE__ */ o("div", { children: [
-    d ? /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-left mapui:text-gray-700 mapui:text-sm mapui:font-medium mapui:min-w-0",
-        onClick: t,
-        "aria-expanded": n,
-        children: m
-      }
-    ) : /* @__PURE__ */ a("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:text-gray-700 mapui:text-sm mapui:font-medium mapui:min-w-0", children: m }),
-    (n || h) && /* @__PURE__ */ a("ul", { className: `mapui:m-0 mapui:mt-1 mapui:list-none mapui:space-y-1 mapui:p-0 mapui:max-h-48 mapui:overflow-y-auto${d ? " mapui:ml-7" : ""}`, children: p.map((u, c) => /* @__PURE__ */ o(
-      "li",
-      {
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
-        children: [
-          /* @__PURE__ */ a(w, { color: u.color, shape: u.shape }),
-          /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate mapui:text-xs", children: u.label })
-        ]
-      },
-      `${u.label}-${c}`
-    )) })
-  ] });
-}
-function D({
-  legend: i,
-  label: e,
-  expanded: n,
-  onToggle: t,
-  hasArrowColumn: s
-}) {
-  const { entries: p, gradientProperty: r } = i, d = i.showColorBar !== !1, h = i.showDisclosureArrow !== !1, g = /* @__PURE__ */ a("span", { className: "mapui:inline-flex mapui:items-center mapui:justify-center mapui:w-5 mapui:shrink-0", children: /* @__PURE__ */ a("span", { className: "mapui:text-gray-400", children: n ? /* @__PURE__ */ a(k, {}) : /* @__PURE__ */ a(v, {}) }) }), f = /* @__PURE__ */ o(b, { children: [
-    s && (h ? g : /* @__PURE__ */ a("span", { className: "mapui:w-5 mapui:shrink-0" })),
-    d ? /* @__PURE__ */ a(
-      "div",
-      {
-        className: "mapui:h-3 mapui:w-5 mapui:rounded-sm mapui:shrink-0",
-        style: { background: B(p) }
-      }
-    ) : !s && h ? g : /* @__PURE__ */ a("span", { className: "mapui:w-5 mapui:shrink-0" }),
-    /* @__PURE__ */ a("span", { className: "mapui:truncate", children: e })
-  ] });
-  return /* @__PURE__ */ o("div", { children: [
-    h ? /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        className: "mapui:flex mapui:items-center mapui:gap-2 mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-left mapui:text-gray-700 mapui:text-sm mapui:font-medium",
-        onClick: t,
-        "aria-expanded": n,
-        children: f
-      }
-    ) : /* @__PURE__ */ a("div", { className: "mapui:flex mapui:items-center mapui:gap-2 mapui:text-gray-700 mapui:text-sm mapui:font-medium", children: f }),
-    n && /* @__PURE__ */ o(b, { children: [
-      r && /* @__PURE__ */ a("div", { className: `mapui:mt-1 mapui:text-xs mapui:font-medium mapui:text-gray-600${h ? " mapui:ml-7" : ""}`, children: r }),
-      /* @__PURE__ */ a("ul", { className: `mapui:m-0 mapui:mt-1 mapui:list-none mapui:space-y-1 mapui:p-0${h ? " mapui:ml-7" : ""}`, children: p.map((l, m) => /* @__PURE__ */ o(
-        "li",
-        {
-          className: "mapui:flex mapui:items-center mapui:gap-2 mapui:min-w-0",
-          children: [
-            /* @__PURE__ */ a(w, { color: l.color, shape: l.shape }),
-            /* @__PURE__ */ a("span", { className: "mapui:text-gray-700 mapui:truncate mapui:text-xs", children: l.label })
-          ]
-        },
-        `${l.label}-${m}`
-      )) })
-    ] })
-  ] });
-}
-function T({
-  layerId: i,
-  opacity: e,
-  onChange: n,
-  hasArrowColumn: t
-}) {
-  return /* @__PURE__ */ o("div", { className: `mapui:flex mapui:items-center mapui:gap-1.5 mapui:mt-0.5 ${t ? "mapui:ml-14" : "mapui:ml-7"}`, children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        type: "range",
-        min: 0,
-        max: 1,
-        step: 0.01,
-        value: e,
-        onChange: (s) => n(i, parseFloat(s.target.value)),
-        className: "range-sm mapui:w-14"
-      }
-    ),
-    /* @__PURE__ */ o("span", { className: "mapui:text-[9px] mapui:text-gray-400 mapui:w-6 mapui:text-right mapui:tabular-nums", children: [
-      Math.round(e * 100),
-      "%"
-    ] })
-  ] });
-}
-function F({ layers: i, visibleLayerIds: e, onOpacityChange: n, className: t }) {
-  const [s, p] = N(/* @__PURE__ */ new Set()), [r, d] = N(!1), h = i.filter((m) => e.includes(m.id));
-  function g(m) {
-    p((u) => {
-      const c = new Set(u);
-      return c.has(m) ? c.delete(m) : c.add(m), c;
-    });
-  }
-  const f = h.filter((m) => m.legend !== void 0);
-  if (f.length === 0)
-    return null;
-  const l = f.some((m) => {
-    const u = m.legend, c = u.displayMode ?? "simple", x = u.showDisclosureArrow !== !1;
-    return c === "gradient" || c === "categorical" ? x && u.showColorBar !== !1 : !1;
-  });
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: `mapui:rounded-lg mapui:bg-white mapui:p-3 mapui:shadow-md mapui:text-sm${t ? ` ${t}` : ""}`,
-      children: [
-        /* @__PURE__ */ o("div", { className: "mapui:flex mapui:items-center mapui:justify-between mapui:mb-2", children: [
-          /* @__PURE__ */ a("h3", { className: "mapui:m-0 mapui:text-xs mapui:font-semibold mapui:uppercase mapui:tracking-wide mapui:text-gray-500", children: "Legend" }),
-          n && /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              className: "mapui:bg-transparent mapui:border-none mapui:p-0 mapui:cursor-pointer mapui:text-gray-400 hover:mapui:text-gray-600 mapui:text-sm",
-              onClick: () => d((m) => !m),
-              "aria-label": r ? "Collapse legend" : "Expand legend",
-              children: r ? /* @__PURE__ */ a(C, {}) : /* @__PURE__ */ a(A, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("ul", { className: `mapui:m-0 mapui:list-none mapui:p-0 ${r ? "mapui:space-y-1.5" : "mapui:space-y-2"}`, children: f.map((m) => {
-          const u = m.legend, c = u.displayMode ?? "simple", x = r || s.has(m.id);
-          return /* @__PURE__ */ o("li", { children: [
-            c === "categorical" ? /* @__PURE__ */ a(
-              M,
-              {
-                legend: u,
-                label: m.label,
-                expanded: x,
-                onToggle: () => g(m.id),
-                hasArrowColumn: l
-              }
-            ) : c === "gradient" ? /* @__PURE__ */ a(
-              D,
-              {
-                legend: u,
-                label: m.label,
-                expanded: x,
-                onToggle: () => g(m.id),
-                hasArrowColumn: l
-              }
-            ) : /* @__PURE__ */ a(S, { legend: u, label: m.label, hasArrowColumn: l }),
-            r && n && /* @__PURE__ */ a(
-              T,
-              {
-                layerId: m.id,
-                opacity: I(m),
-                onChange: n,
-                hasArrowColumn: l
-              }
-            )
-          ] }, m.id);
-        }) })
-      ]
-    }
-  );
-}
-export {
-  F as L
-};

package/dist/PropertyList-BGXHLVBM.js

@@ -1,33 +0,0 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-function p(i) {
-  return i == null ? "--" : typeof i == "boolean" ? i ? "Yes" : "No" : Array.isArray(i) ? i.map(p).join(", ") : typeof i == "object" ? JSON.stringify(i) : String(i);
-}
-function f({
-  properties: i,
-  fields: s,
-  labels: r,
-  maxItems: n,
-  density: o = "default",
-  className: u = ""
-}) {
-  const c = s ?? Object.keys(i), d = n != null ? c.slice(0, n) : c;
-  return o === "compact" ? /* @__PURE__ */ t("dl", { className: `mapui:m-0 mapui:text-xs ${u}`.trim(), children: d.map((m) => /* @__PURE__ */ a("div", { className: "mapui:flex mapui:gap-1 mapui:py-0.5", children: [
-    /* @__PURE__ */ a("dt", { className: "mapui:shrink-0 mapui:font-medium mapui:text-gray-500", children: [
-      (r == null ? void 0 : r[m]) ?? m,
-      ":"
-    ] }),
-    /* @__PURE__ */ t("dd", { className: "mapui:m-0 mapui:truncate mapui:text-gray-800", children: p(i[m]) })
-  ] }, m)) }) : /* @__PURE__ */ t(
-    "dl",
-    {
-      className: `mapui:m-0 mapui:grid mapui:grid-cols-2 mapui:gap-x-4 mapui:gap-y-2 mapui:text-sm ${u}`.trim(),
-      children: d.map((m) => /* @__PURE__ */ a("div", { className: "mapui:contents", children: [
-        /* @__PURE__ */ t("dt", { className: "mapui:break-words mapui:font-medium mapui:text-gray-500", children: (r == null ? void 0 : r[m]) ?? m }),
-        /* @__PURE__ */ t("dd", { className: "mapui:m-0 mapui:break-words mapui:text-gray-800", children: p(i[m]) })
-      ] }, m))
-    }
-  );
-}
-export {
-  f as P
-};