@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/chunks/pkg/ui/dist/Drawer/index-BxM7gmh_.js

@@ -0,0 +1,226 @@
+import { jsx as r, jsxs as w, Fragment as D } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as n } from "../lib/utils-B6zhukbw.js";
+import { useBodyPointerEventsLock as N } from "../lib/body-pointer-events-CyPsDvc9.js";
+import { SsrHydratablePortal as y } from "../SsrHydratablePortal/index-Ue09qUAi.js";
+import { DrawerTrigger as C } from "../node_modules/@base-ui/react/esm/drawer/trigger/DrawerTrigger-BKWBskBD.js";
+import { DrawerClose as k } from "../node_modules/@base-ui/react/esm/drawer/close/DrawerClose-K9toitLg.js";
+import { DrawerBackdrop as R } from "../node_modules/@base-ui/react/esm/drawer/backdrop/DrawerBackdrop-BqcC6xGK.js";
+import { DrawerViewport as P } from "../node_modules/@base-ui/react/esm/drawer/viewport/DrawerViewport-BA1WyQud.js";
+import { DrawerPopup as O } from "../node_modules/@base-ui/react/esm/drawer/popup/DrawerPopup-BXOe4Llu.js";
+import { DrawerContent as T } from "../node_modules/@base-ui/react/esm/drawer/content/DrawerContent-DAER5HEH.js";
+import { DrawerTitle as z } from "../node_modules/@base-ui/react/esm/drawer/title/DrawerTitle-DPojAJP6.js";
+import { DrawerDescription as V } from "../node_modules/@base-ui/react/esm/drawer/description/DrawerDescription-CmzTECJs.js";
+import { DrawerPortal as E } from "../node_modules/@base-ui/react/esm/drawer/portal/DrawerPortal-BfTFM1p8.js";
+import { DrawerRoot as F } from "../node_modules/@base-ui/react/esm/drawer/root/DrawerRoot-DuO16Hl3.js";
+const g = o.createContext("bottom"), h = o.createContext({
+  open: !1,
+  modal: !0
+});
+function H(a) {
+  return a === "top" ? "up" : a === "left" ? "left" : a === "right" ? "right" : "down";
+}
+function ea({
+  direction: a = "bottom",
+  fadeFromIndex: e,
+  shouldScaleBackground: t,
+  open: d,
+  defaultOpen: i,
+  onOpenChange: c,
+  modal: l = !0,
+  ...s
+}) {
+  const [m, u] = o.useState(i ?? !1), p = d ?? m, f = (v, b) => {
+    d === void 0 && u(v), c?.(v, b);
+  };
+  return /* @__PURE__ */ r(h.Provider, { value: { open: p, modal: l }, children: /* @__PURE__ */ r(g.Provider, { value: a, children: /* @__PURE__ */ r(
+    F,
+    {
+      "data-slot": "drawer",
+      open: d,
+      defaultOpen: i,
+      onOpenChange: f,
+      modal: l,
+      swipeDirection: H(a),
+      ...s
+    }
+  ) }) });
+}
+const S = o.forwardRef(({ asChild: a, children: e, ...t }, d) => /* @__PURE__ */ r(
+  C,
+  {
+    ref: d,
+    "data-slot": "drawer-trigger",
+    render: a && o.isValidElement(e) ? e : void 0,
+    ...t,
+    children: a ? void 0 : e
+  }
+));
+S.displayName = "DrawerTrigger";
+function j(a) {
+  return /* @__PURE__ */ r(E, { "data-slot": "drawer-portal", ...a });
+}
+const B = o.forwardRef(({ asChild: a, children: e, ...t }, d) => /* @__PURE__ */ r(
+  k,
+  {
+    ref: d,
+    "data-slot": "drawer-close",
+    render: a && o.isValidElement(e) ? e : void 0,
+    ...t,
+    children: a ? void 0 : e
+  }
+));
+B.displayName = "DrawerClose";
+const x = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  R,
+  {
+    ref: t,
+    "data-slot": "drawer-overlay",
+    className: n(
+      "pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
+      a
+    ),
+    render: (d, i) => /* @__PURE__ */ r(
+      "div",
+      {
+        ...d,
+        "data-state": i.open ? "open" : "closed"
+      }
+    ),
+    ...e
+  }
+));
+x.displayName = "DrawerOverlay";
+const I = o.forwardRef(({ className: a, children: e, overlayClassName: t, showHandle: d = !0, ...i }, c) => {
+  const l = o.useContext(g), s = o.useContext(h);
+  N(s.open && s.modal === !0);
+  const m = n(
+    "bg-background pointer-events-auto fixed z-50 flex flex-col gap-4 shadow-lg outline-none",
+    "group/drawer-content data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
+    "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:slide-in-from-top data-[vaul-drawer-direction=top]:data-[closed]:slide-out-to-top",
+    "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:max-h-[95dvh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:data-[closed]:slide-out-to-bottom",
+    "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:slide-in-from-right data-[vaul-drawer-direction=right]:data-[closed]:slide-out-to-right data-[vaul-drawer-direction=right]:sm:max-w-sm",
+    "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:slide-in-from-left data-[vaul-drawer-direction=left]:data-[closed]:slide-out-to-left data-[vaul-drawer-direction=left]:sm:max-w-sm",
+    a
+  ), u = d ? /* @__PURE__ */ r("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : null;
+  return /* @__PURE__ */ r(
+    y,
+    {
+      enabled: s.open,
+      inline: /* @__PURE__ */ w(D, { children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "drawer-overlay",
+            className: n(
+              "pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
+              t
+            ),
+            "data-open": "",
+            "data-state": "open"
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "pointer-events-none fixed inset-0 z-50", children: /* @__PURE__ */ w(
+          "div",
+          {
+            ref: c,
+            "data-slot": "drawer-content",
+            role: "dialog",
+            "aria-modal": "true",
+            "data-vaul-drawer-direction": l,
+            className: m,
+            "data-open": "",
+            "data-state": "open",
+            ...i,
+            children: [
+              u,
+              /* @__PURE__ */ r("div", { "data-slot": "drawer-content-inner", children: e })
+            ]
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ w(j, { "data-slot": "drawer-portal", children: [
+        /* @__PURE__ */ r(x, { className: t }),
+        /* @__PURE__ */ r(P, { className: "pointer-events-none fixed inset-0 z-50", children: /* @__PURE__ */ w(
+          O,
+          {
+            ref: c,
+            "data-slot": "drawer-content",
+            role: "dialog",
+            "aria-modal": "true",
+            "data-vaul-drawer-direction": l,
+            className: m,
+            render: (p, f) => /* @__PURE__ */ r(
+              "div",
+              {
+                ...p,
+                "data-state": f.open ? "open" : "closed"
+              }
+            ),
+            ...i,
+            children: [
+              u,
+              /* @__PURE__ */ r(T, { "data-slot": "drawer-content-inner", children: e })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+});
+I.displayName = "DrawerContent";
+function ra({ className: a, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: n(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function ta({ className: a, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: n("mt-auto flex flex-col gap-2 p-4", a),
+      ...e
+    }
+  );
+}
+const L = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  z,
+  {
+    ref: t,
+    "data-slot": "drawer-title",
+    className: n("text-foreground font-semibold", a),
+    ...e
+  }
+));
+L.displayName = "DrawerTitle";
+const _ = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  V,
+  {
+    ref: t,
+    "data-slot": "drawer-description",
+    className: n("text-muted-foreground text-sm", a),
+    ...e
+  }
+));
+_.displayName = "DrawerDescription";
+export {
+  ea as Drawer,
+  B as DrawerClose,
+  I as DrawerContent,
+  _ as DrawerDescription,
+  ta as DrawerFooter,
+  ra as DrawerHeader,
+  x as DrawerOverlay,
+  j as DrawerPortal,
+  L as DrawerTitle,
+  S as DrawerTrigger
+};

package/dist/chunks/pkg/ui/dist/Map/MapContent-BqCzk6pD.js

@@ -0,0 +1,292 @@
+import { jsx as y, jsxs as _ } from "react/jsx-runtime";
+import { Component as J, useRef as E, useState as B, useEffect as g } from "react";
+import { COORDS as q } from "../static/strings-lR4Uv4ze.js";
+import { cn as L } from "../lib/utils-B6zhukbw.js";
+import { DEFAULT_MAP_SKELETON_COLOR as K } from "./constants-AiBwXZf6.js";
+let M = null;
+const U = async () => (M || (M = Promise.all([
+  // import("mapbox-gl/dist/esm-min/mapbox-gl.js"),
+  import("../_virtual/mapbox-gl-8G326Xvx.js").then((i) => i.m),
+  Promise.resolve({})
+]).then(([i]) => i.default ?? i).catch((i) => {
+  throw M = null, i;
+})), M), W = ({
+  mapboxToken: i,
+  initialCenter: l = q,
+  initialZoom: n = 11,
+  markers: c = [],
+  routeGeoJson: s,
+  polygonGeoJson: m,
+  routeEndpointsToFetch: C,
+  className: F,
+  style: k,
+  interactive: I = !0,
+  showNavigationControl: Z = !0,
+  cooperativeGestures: G = !0,
+  mapStyle: $ = "mapbox://styles/pr37capital/cmajla29i003901s9ex09hiw4",
+  onMapLoad: T,
+  onMapMoveOrZoom: S,
+  skeletonColor: H = K
+}) => {
+  const v = E(null), w = E(null), [e, R] = B(null), j = E([]), A = E(n), [z, x] = B(null), [D, O] = B(!1), N = E(!1), P = L("relative overflow-clip w-full h-full", F);
+  return g(() => {
+    if (!v.current || e) return;
+    let o = !1, r = null;
+    return (async () => {
+      if (!i) {
+        x("Configuration carte manquante (token).");
+        return;
+      }
+      try {
+        const a = await U();
+        if (o) return;
+        if (w.current = a, a.accessToken = i, !(typeof a.supported != "function" || a.supported({ failIfMajorPerformanceCaveat: !0 }))) {
+          x("La carte n'est pas supportée sur cet appareil.");
+          return;
+        }
+      } catch (a) {
+        o || (console.error("Failed to load Mapbox GL:", a), x("La carte n'est pas supportée sur cet appareil."));
+        return;
+      }
+      if (o || !w.current || !v.current) return;
+      v.current.hasChildNodes() && v.current.replaceChildren();
+      try {
+        r = new w.current.Map({
+          container: v.current,
+          style: $,
+          center: l,
+          zoom: n,
+          attributionControl: !1,
+          interactive: I,
+          cooperativeGestures: G,
+          pitchWithRotate: !1,
+          dragRotate: !1,
+          touchPitch: !1,
+          performanceMetricsCollection: !1
+        });
+      } catch (a) {
+        console.error("Failed to initialize Mapbox map:", a), x("Erreur lors du chargement de la carte.");
+        return;
+      }
+      const t = r;
+      if (t.on("error", (a) => {
+        console.error("Mapbox map error event:", a?.error || a);
+        try {
+          t.remove();
+        } catch (f) {
+          console.error("Error removing failed map instance:", f);
+        }
+        R(null), x("Erreur lors du chargement de la carte.");
+      }), t.touchZoomRotate?.disableRotation?.(), Z) {
+        const a = new Y({ showCompass: !1 });
+        t.addControl(a, "bottom-right");
+      }
+      const d = () => {
+        N.current || (N.current = !0, O(!0));
+      };
+      t.on("load", () => {
+        R(t), T && T(t), typeof t.areTilesLoaded == "function" && t.areTilesLoaded() ? d() : t.once("idle", d);
+      });
+    })(), () => {
+      o = !0;
+      try {
+        r?.remove();
+      } catch (t) {
+        console.error("Error removing map instance on unmount:", t);
+      }
+    };
+  }, []), g(() => {
+    e || (O(!1), N.current = !1);
+  }, [e]), g(() => {
+    if (!e || !S) return;
+    const o = () => S(e);
+    return e.on("moveend", o), e.on("zoomend", o), () => {
+      e.off("moveend", o), e.off("zoomend", o);
+    };
+  }, [e, S]), g(() => {
+    e && n !== A.current && (e.setZoom(n), A.current = n);
+  }, [n, e]), g(() => {
+    const o = w.current;
+    !e || !o || (j.current.forEach((r) => r.remove()), j.current = [], c.forEach((r) => {
+      const t = {};
+      r.element ? t.element = r.element : t.color = r.color || "#3FB1CE", r.offset && (t.offset = r.offset);
+      const d = new o.Marker(t).setLngLat(r.coords).addTo(e);
+      if (r.popupHTML) {
+        const a = { offset: 25 };
+        r.popupCloseButton === !1 && (a.closeButton = !1);
+        const f = new o.Popup(a).setHTML(r.popupHTML);
+        let p;
+        const u = () => {
+          clearTimeout(p), f.isOpen() || f.setLngLat(r.coords).addTo(e);
+        }, h = () => {
+          p = setTimeout(() => {
+            f.remove();
+          }, 200);
+        };
+        d.getElement().addEventListener("mouseenter", u), d.getElement().addEventListener("mouseleave", h), f.on("open", () => {
+          const b = f.getElement();
+          b && (b.addEventListener("mouseenter", u), b.addEventListener("mouseleave", h));
+        });
+      }
+      j.current.push(d);
+    }));
+  }, [e, c]), g(() => {
+    if (!e || !e.isStyleLoaded()) return;
+    const o = "route-geojson-direct", r = "route-layer-direct";
+    e.getLayer(r) && e.removeLayer(r), e.getSource(o) && e.removeSource(o), s && (e.addSource(o, {
+      type: "geojson",
+      data: s
+    }), e.addLayer({
+      id: r,
+      type: "line",
+      source: o,
+      layout: { "line-join": "round", "line-cap": "round" },
+      paint: { "line-color": "#DB2777", "line-width": 5, "line-opacity": 0.75 }
+    }));
+  }, [e, s]), g(() => {
+    if (!e || !e.isStyleLoaded()) return;
+    const o = "polygon-data", r = "polygon-fill-layer", t = "polygon-line-layer";
+    e.getLayer(r) && e.removeLayer(r), e.getLayer(t) && e.removeLayer(t), e.getSource(o) && e.removeSource(o), m && (e.addSource(o, {
+      type: "geojson",
+      data: m
+    }), e.addLayer({
+      id: r,
+      type: "fill",
+      source: o,
+      paint: {
+        "fill-color": ["coalesce", ["get", "fill-color"], "#3b82f6"],
+        "fill-opacity": ["coalesce", ["get", "fill-opacity"], 0.2]
+      }
+    }), e.addLayer({
+      id: t,
+      type: "line",
+      source: o,
+      paint: {
+        "line-color": ["coalesce", ["get", "line-color"], "#3b82f6"],
+        "line-width": ["coalesce", ["get", "line-width"], 2]
+      }
+    }));
+  }, [e, m]), g(() => {
+    if (!e || !e.isStyleLoaded() || !C || C.coordinates.length < 2)
+      return;
+    const { profile: o = "cycling", coordinates: r } = C, t = "route-fetched", d = "route-layer-fetched";
+    return (async () => {
+      if (!i) return;
+      const a = r.map((p) => {
+        if (Array.isArray(p))
+          return p.join(",");
+        const u = p, h = typeof u.lng == "number" ? u.lng : typeof u.lon == "number" ? u.lon : void 0, b = typeof u.lat == "number" ? u.lat : void 0;
+        return typeof h != "number" || typeof b != "number" ? "" : `${h},${b}`;
+      }).filter(Boolean).join(";"), f = `https://api.mapbox.com/directions/v5/mapbox/${o}/${a}?geometries=geojson&access_token=${i}`;
+      try {
+        const p = await fetch(f);
+        if (!p.ok) {
+          const h = await p.text();
+          console.error(`Mapbox API responded with ${p.status}: ${h}`);
+          return;
+        }
+        const u = await p.json();
+        if (u.routes && u.routes.length > 0) {
+          const h = u.routes[0].geometry;
+          e.getLayer(d) && e.removeLayer(d), e.getSource(t) && e.removeSource(t), e.addSource(t, { type: "geojson", data: h }), e.addLayer({
+            id: d,
+            type: "line",
+            source: t,
+            layout: { "line-join": "round", "line-cap": "round" },
+            paint: { "line-color": "#3887be", "line-width": 5, "line-opacity": 0.75 }
+          });
+        } else
+          console.error("No routes found in Mapbox response.", u);
+      } catch (p) {
+        console.error("Failed to fetch route from Mapbox:", p);
+      }
+    })(), () => {
+      e && e.isStyleLoaded() && (e.getLayer(d) && e.removeLayer(d), e.getSource(t) && e.removeSource(t));
+    };
+  }, [e, C]), z ? /* @__PURE__ */ y("div", { className: P, style: k, children: /* @__PURE__ */ y("div", { className: L("flex h-full w-full items-center justify-center text-center text-sm text-gray-500"), children: z }) }) : /* @__PURE__ */ _("div", { className: P, style: k, children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: L(
+          "absolute inset-0 transition-opacity duration-500 ease-out",
+          D ? "pointer-events-none opacity-0" : "opacity-100"
+        ),
+        children: /* @__PURE__ */ y("div", { className: "h-full w-full", style: { backgroundColor: H } })
+      }
+    ),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        ref: v,
+        className: L(
+          "h-full w-full transition-opacity duration-500 ease-out",
+          D ? "opacity-100" : "pointer-events-none opacity-0"
+        )
+      }
+    )
+  ] });
+};
+class X extends J {
+  constructor(l) {
+    super(l), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(l, n) {
+    console.error("MapErrorBoundary caught an error:", l, n);
+  }
+  render() {
+    const l = L("overflow-clip w-full h-full", this.props.className);
+    return this.state.hasError ? /* @__PURE__ */ y("div", { className: l, style: this.props.style, children: /* @__PURE__ */ y("div", { className: L("flex h-full w-full items-center justify-center text-center text-sm text-gray-500"), children: "Erreur lors du chargement de la carte." }) }) : this.props.children;
+  }
+}
+class Y {
+  constructor(l = {}) {
+    this.options = l;
+  }
+  container = null;
+  map = null;
+  compassIcon = null;
+  compassButton = null;
+  onAdd(l) {
+    this.map = l;
+    const n = document.createElement("div");
+    if (n.className = "mapboxgl-ctrl mapboxgl-ctrl-tailwind flex flex-col overflow-hidden divide-y divide-border/50 rounded-md border border-border/60 bg-background/55 text-sm text-foreground shadow-lg backdrop-blur", this.options.showZoom !== !1) {
+      const c = document.createElement("span");
+      c.textContent = "+", c.setAttribute("class", "text-lg leading-none"), n.appendChild(this.createButton("Zoomer", c, () => this.map?.zoomIn()));
+      const s = document.createElement("span");
+      s.textContent = "−", s.setAttribute("class", "text-lg leading-none"), n.appendChild(this.createButton("Dézoomer", s, () => this.map?.zoomOut()));
+    }
+    if (this.options.showCompass !== !1) {
+      const c = document.createElement("span");
+      c.setAttribute("class", "flex h-5 w-5 items-center justify-center text-primary"), c.innerHTML = '<svg viewBox="0 0 24 24" class="h-5 w-5"><path d="M12 3l3 8-8 3z" fill="currentColor"/><path d="M12 21l-3-8 8-3z" fill="currentColor" opacity="0.3"/></svg>', this.compassIcon = c;
+      const s = this.createButton("Réinitialiser l'orientation", c, () => this.map?.resetNorth());
+      this.compassButton = s, n.appendChild(s), this.updateCompassRotation(), this.map.on("rotate", this.updateCompassRotation), this.map.on("pitch", this.updateCompassRotation);
+    }
+    return this.container = n, n;
+  }
+  onRemove() {
+    this.map && (this.map.off("rotate", this.updateCompassRotation), this.map.off("pitch", this.updateCompassRotation)), this.compassIcon = null, this.compassButton = null, this.container?.remove(), this.container = null, this.map = null;
+  }
+  createButton(l, n, c) {
+    const s = document.createElement("button");
+    return s.type = "button", s.setAttribute("aria-label", l), s.className = "flex h-10 w-10 items-center justify-center transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background", s.appendChild(n), s.addEventListener("click", (m) => {
+      m.preventDefault(), c();
+    }), s.addEventListener("keydown", (m) => {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), c());
+    }), s;
+  }
+  updateCompassRotation = () => {
+    if (!this.map || !this.compassIcon || !this.compassButton) return;
+    const l = this.map.getBearing(), n = this.map.getPitch();
+    this.compassIcon.style.transform = `rotate(${-l}deg)`;
+    const c = Math.abs(l) < 0.01 && Math.abs(n) < 0.01;
+    this.compassButton.classList.toggle("opacity-60", c);
+  };
+}
+const re = (i) => /* @__PURE__ */ y(X, { className: i.className, style: i.style, children: /* @__PURE__ */ y(W, { ...i }) });
+export {
+  re as default
+};

package/dist/chunks/pkg/ui/dist/Map/constants-AiBwXZf6.js

@@ -0,0 +1,4 @@
+const E = "rgb(201 221 176)";
+export {
+  E as DEFAULT_MAP_SKELETON_COLOR
+};

package/dist/chunks/pkg/ui/dist/Map-Cqn7INdm.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { lazy as b, useRef as N, useState as h, useEffect as k, Suspense as C } from "react";
+import { cn as E } from "./lib/utils-B6zhukbw.js";
+import { isAutomationRuntime as I } from "./lib/isAutomationRuntime-Cu2aNI6_.js";
+import { DEFAULT_MAP_SKELETON_COLOR as f } from "./Map/constants-AiBwXZf6.js";
+const x = ({ className: t, style: n, color: o }) => /* @__PURE__ */ y("div", { className: E("relative overflow-clip w-full h-full", t), style: n, children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "absolute inset-0 transition-opacity duration-500 ease-out opacity-100",
+      children: /* @__PURE__ */ e("div", { className: "h-full w-full", style: { backgroundColor: o ?? f } })
+    }
+  ),
+  /* @__PURE__ */ e("div", { className: "h-full w-full transition-opacity duration-500 ease-out pointer-events-none opacity-0" })
+] }), O = b(() => import("./Map/MapContent-BqCzk6pD.js")), A = (t) => {
+  const n = N(null), [o, p] = h(!1);
+  k(() => {
+    if (I())
+      return;
+    let u = !1, s = null, r = null, i = null;
+    const a = () => {
+      u || p(!0);
+    }, w = () => {
+      const l = window;
+      l.requestIdleCallback ? r = l.requestIdleCallback(a, { timeout: 4e3 }) : i = window.setTimeout(a, 4e3);
+    }, d = () => {
+      if (o) return;
+      const l = n.current;
+      "IntersectionObserver" in window && l && (s = new IntersectionObserver((v) => {
+        v.some((m) => m.isIntersecting || m.intersectionRatio > 0) && (a(), s?.disconnect());
+      }, { rootMargin: "400px 0px" }), s.observe(l)), w();
+    };
+    return document.readyState === "complete" ? d() : window.addEventListener("load", d, { once: !0 }), () => {
+      u = !0, s?.disconnect(), r !== null && window.cancelIdleCallback?.(r), i && clearTimeout(i);
+    };
+  }, [o]);
+  const c = /* @__PURE__ */ e(
+    x,
+    {
+      className: t.className,
+      style: t.style,
+      color: t.skeletonColor ?? f
+    }
+  );
+  return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(C, { fallback: c, children: o ? /* @__PURE__ */ e(O, { ...t }) : c }) });
+};
+export {
+  A as Map
+};

package/dist/chunks/pkg/ui/dist/MorphingModalWizard-D7hc-dDP.js

@@ -0,0 +1,30 @@
+import "react/jsx-runtime";
+import { createContext as o, useContext as r } from "react";
+import "./Button-CEl4MEmL.js";
+import "./Dialog-COr6fnKd.js";
+import "./node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot-Cw_gyhhI.js";
+import "./node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport-CadjBxEp.js";
+import "./node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner-z0cNScNF.js";
+import "./node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar-DGyLPhKe.js";
+import "./node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb-08Mmzry4.js";
+import "./node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion-Cc0tLlFf.js";
+import "./node_modules/motion-dom/dist/es/value/types/color/rgba-BIy7YqPw.js";
+import "./node_modules/motion-dom/dist/es/value/types/numbers/index-CWjqASeJ.js";
+import "./node_modules/motion-dom/dist/es/value/types/numbers/units-DNXf-Ngr.js";
+import "./node_modules/motion-dom/dist/es/value/types/complex/filter-AXB6Rjjs.js";
+import "./node_modules/motion-dom/dist/es/value/types/complex/mask-AXB6Rjjs.js";
+import "./node_modules/motion-dom/dist/es/value/types/int-CwcJvGhp.js";
+import "./node_modules/motion-utils/dist/es/errors-CBdvTtJZ.js";
+import "./node_modules/framer-motion/dist/es/context/LayoutGroupContext-BWutRI4l.js";
+import "./node_modules/framer-motion/dist/es/context/LazyContext-yIDUGdfR.js";
+import "./node_modules/framer-motion/dist/es/context/MotionConfigContext-C3EPauom.js";
+import "./node_modules/framer-motion/dist/es/render/dom/utils/filter-props-DZcjZ2yt.js";
+import "./node_modules/framer-motion/dist/es/animation/optimized-appear/data-id-DunDwGdX.js";
+import "./node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext-BWutRI4l.js";
+import "./node_modules/framer-motion/dist/es/projection/node/create-projection-node-BDwaGtmx.js";
+import "./node_modules/lucide-react/dist/esm/icons/arrow-left-asE1l_Qw.js";
+import "./node_modules/lucide-react/dist/esm/icons/x-Cdi8GS7U.js";
+const t = o(null), k = () => r(t);
+export {
+  k as useMorphingModalWizardOverlayLayer
+};