@loczer/storefront-sdk 0.148.0 → 0.150.0

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
+};

package/dist/chunks/pkg/ui/dist/ResponsiveDialog-D8YzB_3J.js

@@ -0,0 +1,154 @@
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import * as i from "react";
+import { DialogTrigger as h, DialogClose as w, DialogContent as b, DialogTitle as y, DialogDescription as M, Dialog as E, DialogHeader as O, DialogFooter as T } from "./Dialog-COr6fnKd.js";
+import { DrawerTrigger as I, DrawerClose as N, DrawerContent as _, DrawerTitle as x, DrawerDescription as $, Drawer as H, DrawerHeader as P, DrawerFooter as k } from "./Drawer/index-BxM7gmh_.js";
+import { useMediaQuery as B } from "./lib/useMediaQuery-DhKGnWgn.js";
+import { cn as m } from "./lib/utils-B6zhukbw.js";
+import L from "./node_modules/lucide-react/dist/esm/icons/x-Cdi8GS7U.js";
+const S = 639, j = `(max-width: ${S}px)`, C = i.createContext(null);
+function n(e) {
+  const s = i.useContext(C);
+  if (!s)
+    throw new Error(`${e} must be used within ResponsiveDialog.`);
+  return s;
+}
+function z({
+  children: e,
+  defaultOpen: s,
+  drawerProps: a,
+  forceMobile: f,
+  mobileBreakpoint: D = j,
+  modal: d,
+  onOpenChange: u,
+  open: r
+}) {
+  const v = B(D), p = f ?? v, [g, l] = i.useState(s ?? !1);
+  i.useEffect(() => {
+    r !== void 0 && l(r);
+  }, [r]);
+  const t = { modal: d, onOpenChange: (c) => {
+    r === void 0 && l(c), u?.(c);
+  }, open: r ?? g };
+  return /* @__PURE__ */ o(C.Provider, { value: { isMobile: p }, children: p ? /* @__PURE__ */ o(H, { ...t, ...a, children: e }) : /* @__PURE__ */ o(E, { ...t, children: e }) });
+}
+const A = i.forwardRef((e, s) => {
+  const { isMobile: a } = n("ResponsiveDialogTrigger");
+  return a ? /* @__PURE__ */ o(
+    I,
+    {
+      ref: s,
+      ...e
+    }
+  ) : /* @__PURE__ */ o(h, { ref: s, ...e });
+});
+A.displayName = "ResponsiveDialogTrigger";
+const F = i.forwardRef((e, s) => {
+  const { isMobile: a } = n("ResponsiveDialogClose");
+  return a ? /* @__PURE__ */ o(
+    N,
+    {
+      ref: s,
+      ...e
+    }
+  ) : /* @__PURE__ */ o(w, { ref: s, ...e });
+});
+F.displayName = "ResponsiveDialogClose";
+const V = i.forwardRef(({
+  children: e,
+  className: s,
+  desktopClassName: a,
+  dialogContentProps: f,
+  desktopOverlayClassName: D,
+  mobileClassName: d,
+  mobileOverlayClassName: u,
+  overlayClassName: r,
+  showCloseButton: v,
+  drawerContentProps: p,
+  ...g
+}, l) => {
+  const { isMobile: t } = n("ResponsiveDialogContent"), c = v ?? !t;
+  return t ? /* @__PURE__ */ o(
+    _,
+    {
+      ref: l,
+      className: m(s, d),
+      overlayClassName: m(r, u),
+      ...g,
+      ...p,
+      children: /* @__PURE__ */ R("div", { className: "relative", children: [
+        e,
+        c ? /* @__PURE__ */ o(N, { asChild: !0, children: /* @__PURE__ */ R(
+          "button",
+          {
+            type: "button",
+            className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+            children: [
+              /* @__PURE__ */ o(L, { className: "h-4 w-4" }),
+              /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+            ]
+          }
+        ) }) : null
+      ] })
+    }
+  ) : /* @__PURE__ */ o(
+    b,
+    {
+      ref: l,
+      className: m(s, a),
+      overlayClassName: m(r, D),
+      showCloseButton: c,
+      ...g,
+      ...f,
+      children: e
+    }
+  );
+});
+V.displayName = "ResponsiveDialogContent";
+function J({
+  className: e,
+  ...s
+}) {
+  const { isMobile: a } = n("ResponsiveDialogHeader");
+  return a ? /* @__PURE__ */ o(P, { className: e, ...s }) : /* @__PURE__ */ o(O, { className: e, ...s });
+}
+function K({
+  className: e,
+  ...s
+}) {
+  const { isMobile: a } = n("ResponsiveDialogFooter");
+  return a ? /* @__PURE__ */ o(k, { className: e, ...s }) : /* @__PURE__ */ o(T, { className: e, ...s });
+}
+const G = i.forwardRef((e, s) => {
+  const { isMobile: a } = n("ResponsiveDialogTitle");
+  return a ? /* @__PURE__ */ o(
+    x,
+    {
+      ref: s,
+      ...e
+    }
+  ) : /* @__PURE__ */ o(y, { ref: s, ...e });
+});
+G.displayName = "ResponsiveDialogTitle";
+const U = i.forwardRef((e, s) => {
+  const { isMobile: a } = n("ResponsiveDialogDescription");
+  return a ? /* @__PURE__ */ o(
+    $,
+    {
+      ref: s,
+      ...e
+    }
+  ) : /* @__PURE__ */ o(M, { ref: s, ...e });
+});
+U.displayName = "ResponsiveDialogDescription";
+export {
+  S as RESPONSIVE_DIALOG_MOBILE_MAX_WIDTH,
+  j as RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY,
+  z as ResponsiveDialog,
+  F as ResponsiveDialogClose,
+  V as ResponsiveDialogContent,
+  U as ResponsiveDialogDescription,
+  K as ResponsiveDialogFooter,
+  J as ResponsiveDialogHeader,
+  G as ResponsiveDialogTitle,
+  A as ResponsiveDialogTrigger
+};

package/dist/chunks/pkg/ui/dist/ScrollArea-D9UdixQL.js

@@ -0,0 +1,67 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { cn as t } from "./lib/utils-B6zhukbw.js";
+import { ScrollAreaRoot as n } from "./node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot-Cw_gyhhI.js";
+import { ScrollAreaViewport as c } from "./node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport-CadjBxEp.js";
+import { ScrollAreaCorner as m } from "./node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner-z0cNScNF.js";
+import { ScrollAreaScrollbar as d } from "./node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar-DGyLPhKe.js";
+import { ScrollAreaThumb as f } from "./node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb-08Mmzry4.js";
+function A({
+  className: l,
+  children: r,
+  type: a,
+  ...i
+}) {
+  return /* @__PURE__ */ s(
+    n,
+    {
+      "data-slot": "scroll-area",
+      className: t("relative", l),
+      ...i,
+      children: [
+        /* @__PURE__ */ o(
+          c,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ o(e, {}),
+        /* @__PURE__ */ o(e, { orientation: "horizontal" }),
+        /* @__PURE__ */ o(m, {})
+      ]
+    }
+  );
+}
+function e({
+  className: l,
+  orientation: r = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    d,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: r,
+      "data-orientation": r,
+      className: t(
+        "flex touch-none p-px transition-colors select-none",
+        r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        l
+      ),
+      ...a,
+      children: /* @__PURE__ */ o(
+        f,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  A as ScrollArea,
+  e as ScrollBar
+};

package/dist/chunks/pkg/ui/dist/SsrHydratablePortal/index-Ue09qUAi.js

@@ -0,0 +1,40 @@
+import { jsx as u, Fragment as y } from "react/jsx-runtime";
+import * as r from "react";
+const d = "data-rb-ssr-hydratable-portal";
+function m(t) {
+  if (typeof document > "u") return !1;
+  const e = Array.from(
+    document.querySelectorAll("[" + d + "]")
+  );
+  return e.some((o) => o.getAttribute(d) === t) || e.length > 0;
+}
+function i(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function b({
+  children: t,
+  enabled: e,
+  inline: o,
+  keepMounted: c
+}) {
+  const a = r.useId(), [l] = r.useState(() => typeof window > "u" ? !0 : m(a)), [n, f] = r.useState(() => typeof window > "u" ? !1 : !l);
+  if (r.useEffect(() => {
+    n || f(!0);
+  }, [n]), !e && !c) return null;
+  const s = {
+    isInline: !n,
+    shouldUsePortal: n,
+    wasHydratedFromInline: l
+  };
+  return n ? /* @__PURE__ */ u(y, { children: t ? i(t, s) : null }) : /* @__PURE__ */ u(
+    "div",
+    {
+      "data-rb-ssr-hydratable-portal": a,
+      style: { display: "contents" },
+      children: i(o, s)
+    }
+  );
+}
+export {
+  b as SsrHydratablePortal
+};

package/dist/chunks/pkg/ui/dist/_virtual/_commonjsHelpers-W3dGiUWw.js

@@ -0,0 +1,6 @@
+function o(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as getDefaultExportFromCjs
+};

package/dist/chunks/pkg/ui/dist/_virtual/index-C9tmbAjU.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index-g__WfpEy.js";
+var e = r();
+export {
+  e as s
+};

package/dist/chunks/pkg/ui/dist/_virtual/index2-Cr2SmWQI.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};