@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/chunks/ui/dist/Map/MapContent--PwVTg2W.js

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

package/dist/chunks/ui/dist/Map/constants-DqrK8UkE.js

@@ -0,0 +1,4 @@
+//#region ../ui/dist/Map/constants.js
+var e = "hsl(var(--forest-200))";
+//#endregion
+export { e as DEFAULT_MAP_SKELETON_COLOR };

package/dist/chunks/ui/dist/Map-B45AxZ-D.js

@@ -0,0 +1,51 @@
+import { cn as e } from "./lib/utils-CoCD4bw8.js";
+import { isAutomationRuntime as t } from "./lib/isAutomationRuntime-CZ6KXlyz.js";
+import { Suspense as n, lazy as r, useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../ui/dist/Map.js
+var l = ({ className: t, style: n, color: r }) => /* @__PURE__ */ c("div", {
+	className: e("relative overflow-clip w-full h-full", t),
+	style: n,
+	children: [/* @__PURE__ */ s("div", {
+		"aria-hidden": "true",
+		className: "absolute inset-0 transition-opacity duration-500 ease-out opacity-100",
+		children: /* @__PURE__ */ s("div", {
+			className: "h-full w-full",
+			style: { backgroundColor: r ?? "hsl(var(--forest-200))" }
+		})
+	}), /* @__PURE__ */ s("div", { className: "h-full w-full transition-opacity duration-500 ease-out pointer-events-none opacity-0" })]
+}), u = r(() => import("./Map/MapContent--PwVTg2W.js")), d = (e) => {
+	let r = a(null), [c, d] = o(!1);
+	i(() => {
+		if (t()) return;
+		let e = !1, n = null, i = null, a = null, o = () => {
+			e || d(!0);
+		}, s = () => {
+			let e = window;
+			e.requestIdleCallback ? i = e.requestIdleCallback(o, { timeout: 4e3 }) : a = window.setTimeout(o, 4e3);
+		}, l = () => {
+			if (c) return;
+			let e = r.current;
+			"IntersectionObserver" in window && e ? (n = new IntersectionObserver((e) => {
+				e.some((e) => e.isIntersecting || e.intersectionRatio > 0) && (o(), n?.disconnect());
+			}, { rootMargin: "400px 0px" }), n.observe(e), s()) : s();
+		};
+		return document.readyState === "complete" ? l() : window.addEventListener("load", l, { once: !0 }), () => {
+			e = !0, n?.disconnect(), i !== null && window.cancelIdleCallback?.(i), a && clearTimeout(a);
+		};
+	}, [c]);
+	let f = /* @__PURE__ */ s(l, {
+		className: e.className,
+		style: e.style,
+		color: e.skeletonColor ?? "hsl(var(--forest-200))"
+	});
+	return /* @__PURE__ */ s("div", {
+		ref: r,
+		children: /* @__PURE__ */ s(n, {
+			fallback: f,
+			children: c ? /* @__PURE__ */ s(u, { ...e }) : f
+		})
+	});
+};
+//#endregion
+export { d as Map };

package/dist/chunks/ui/dist/MorphingModalWizard-DKDiSyVA.js

@@ -0,0 +1,12 @@
+import "./node_modules/lucide-react/dist/esm/icons/x-BpDva55n.js";
+import "./Dialog-BUPUUVxT.js";
+import "./node_modules/lucide-react/dist/esm/icons/arrow-left--i7jXbfU.js";
+import "./ScrollArea-CZ69R7Td.js";
+import "./Button-Cfo7pFYa.js";
+import "./node_modules/framer-motion/dist/es/render/components/motion/proxy-DQB-M81u.js";
+import { createContext as e, useContext as t } from "react";
+import "react/jsx-runtime";
+//#region ../ui/dist/MorphingModalWizard.js
+var n = e(null), r = () => t(n);
+//#endregion
+export { r as useMorphingModalWizardOverlayLayer };

package/dist/chunks/ui/dist/ResponsiveDialog-3nJFjDos.js

@@ -0,0 +1,119 @@
+import { cn as e } from "./lib/utils-CoCD4bw8.js";
+import t from "./node_modules/lucide-react/dist/esm/icons/x-BpDva55n.js";
+import { Dialog as n, DialogClose as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, DialogTrigger as l } from "./Dialog-BUPUUVxT.js";
+import { Drawer as u, DrawerClose as d, DrawerContent as f, DrawerDescription as p, DrawerFooter as m, DrawerHeader as h, DrawerTitle as g, DrawerTrigger as _ } from "./Drawer/index-DKKlPaRH.js";
+import { useMediaQuery as v } from "./lib/useMediaQuery-CrZFwD6A.js";
+import * as y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../ui/dist/ResponsiveDialog.js
+var S = "(max-width: 639px)", C = y.createContext(null);
+function w(e) {
+	let t = y.useContext(C);
+	if (!t) throw Error(`${e} must be used within ResponsiveDialog.`);
+	return t;
+}
+function T({ children: e, defaultOpen: t, drawerProps: r, forceMobile: i, mobileBreakpoint: a = S, modal: o, onOpenChange: s, open: c }) {
+	let l = v(a), d = i ?? l, [f, p] = y.useState(t ?? !1);
+	y.useEffect(() => {
+		c !== void 0 && p(c);
+	}, [c]);
+	let m = {
+		modal: o,
+		onOpenChange: (e) => {
+			c === void 0 && p(e), s?.(e);
+		},
+		open: c ?? f
+	};
+	return /* @__PURE__ */ b(C.Provider, {
+		value: { isMobile: d },
+		children: d ? /* @__PURE__ */ b(u, {
+			...m,
+			...r,
+			children: e
+		}) : /* @__PURE__ */ b(n, {
+			...m,
+			children: e
+		})
+	});
+}
+var E = y.forwardRef((e, t) => {
+	let { isMobile: n } = w("ResponsiveDialogTrigger");
+	return b(n ? _ : l, {
+		ref: t,
+		...e
+	});
+});
+E.displayName = "ResponsiveDialogTrigger";
+var D = y.forwardRef((e, t) => {
+	let { isMobile: n } = w("ResponsiveDialogClose");
+	return b(n ? d : r, {
+		ref: t,
+		...e
+	});
+});
+D.displayName = "ResponsiveDialogClose";
+var O = y.forwardRef(({ children: n, className: r, desktopClassName: a, dialogContentProps: o, desktopOverlayClassName: s, mobileClassName: c, mobileOverlayClassName: l, overlayClassName: u, showCloseButton: p, drawerContentProps: m, ...h }, g) => {
+	let { isMobile: _ } = w("ResponsiveDialogContent"), v = p ?? !_;
+	return _ ? /* @__PURE__ */ b(f, {
+		ref: g,
+		className: e(r, c),
+		overlayClassName: e(u, l),
+		...h,
+		...m,
+		children: /* @__PURE__ */ x("div", {
+			className: "relative",
+			children: [n, v ? /* @__PURE__ */ b(d, {
+				asChild: !0,
+				children: /* @__PURE__ */ x("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__ */ b(t, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
+						className: "sr-only",
+						children: "Close"
+					})]
+				})
+			}) : null]
+		})
+	}) : /* @__PURE__ */ b(i, {
+		ref: g,
+		className: e(r, a),
+		overlayClassName: e(u, s),
+		showCloseButton: v,
+		...h,
+		...o,
+		children: n
+	});
+});
+O.displayName = "ResponsiveDialogContent";
+function k({ className: e, ...t }) {
+	let { isMobile: n } = w("ResponsiveDialogHeader");
+	return b(n ? h : s, {
+		className: e,
+		...t
+	});
+}
+function A({ className: e, ...t }) {
+	let { isMobile: n } = w("ResponsiveDialogFooter");
+	return b(n ? m : o, {
+		className: e,
+		...t
+	});
+}
+var j = y.forwardRef((e, t) => {
+	let { isMobile: n } = w("ResponsiveDialogTitle");
+	return b(n ? g : c, {
+		ref: t,
+		...e
+	});
+});
+j.displayName = "ResponsiveDialogTitle";
+var M = y.forwardRef((e, t) => {
+	let { isMobile: n } = w("ResponsiveDialogDescription");
+	return b(n ? p : a, {
+		ref: t,
+		...e
+	});
+});
+M.displayName = "ResponsiveDialogDescription";
+//#endregion
+export { S as RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY, T as ResponsiveDialog, D as ResponsiveDialogClose, O as ResponsiveDialogContent, M as ResponsiveDialogDescription, A as ResponsiveDialogFooter, k as ResponsiveDialogHeader, j as ResponsiveDialogTitle, E as ResponsiveDialogTrigger };

package/dist/chunks/ui/dist/ScrollArea-CZ69R7Td.js

@@ -0,0 +1,42 @@
+import { cn as e } from "./lib/utils-CoCD4bw8.js";
+import { ScrollAreaRoot as t } from "./node_modules/@base-ui/react/esm/scroll-area/root/ScrollAreaRoot-DTSd14Th.js";
+import { ScrollAreaViewport as n } from "./node_modules/@base-ui/react/esm/scroll-area/viewport/ScrollAreaViewport-Cpm7dh0I.js";
+import { ScrollAreaScrollbar as r } from "./node_modules/@base-ui/react/esm/scroll-area/scrollbar/ScrollAreaScrollbar-a6XRg_Ou.js";
+import { ScrollAreaThumb as i } from "./node_modules/@base-ui/react/esm/scroll-area/thumb/ScrollAreaThumb-DFTereC4.js";
+import { ScrollAreaCorner as a } from "./node_modules/@base-ui/react/esm/scroll-area/corner/ScrollAreaCorner-Dlw3He7Y.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../ui/dist/ScrollArea.js
+function c({ className: r, children: i, type: c, ...u }) {
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "scroll-area",
+		className: e("relative", r),
+		...u,
+		children: [
+			/* @__PURE__ */ o(n, {
+				"data-slot": "scroll-area-viewport",
+				tabIndex: -1,
+				className: "size-full rounded-[inherit] outline-none",
+				children: i
+			}),
+			/* @__PURE__ */ o(l, {}),
+			/* @__PURE__ */ o(l, { orientation: "horizontal" }),
+			/* @__PURE__ */ o(a, {})
+		]
+	});
+}
+function l({ className: t, orientation: n = "vertical", ...a }) {
+	return /* @__PURE__ */ o(r, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: n,
+		"data-orientation": n,
+		className: e("flex touch-none p-px transition-colors select-none", n === "vertical" && "h-full w-2.5 border-l border-l-transparent", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", t),
+		...a,
+		children: /* @__PURE__ */ o(i, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-full"
+		})
+	});
+}
+//#endregion
+export { c as ScrollArea, l as ScrollBar };

package/dist/chunks/ui/dist/Spinner/index-Dyk_LLEz.js

@@ -0,0 +1,33 @@
+import { cn as e } from "../lib/utils-CoCD4bw8.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../ui/dist/Spinner/index.js
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t("span", {
+		className: e("relative inline-flex size-4 shrink-0 items-center justify-center", r),
+		"data-slot": "spinner",
+		...i,
+		children: /* @__PURE__ */ n("svg", {
+			"aria-hidden": "true",
+			className: "size-full animate-spin",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			children: [/* @__PURE__ */ t("circle", {
+				className: "opacity-20",
+				cx: "12",
+				cy: "12",
+				"data-spinner-layer": "track",
+				r: "9",
+				stroke: "currentColor",
+				strokeWidth: "2.5"
+			}), /* @__PURE__ */ t("path", {
+				d: "M12 3a9 9 0 0 1 9 9",
+				"data-spinner-layer": "arc",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeWidth: "2.5"
+			})]
+		})
+	});
+}
+//#endregion
+export { r as Spinner };

package/dist/chunks/ui/dist/SsrHydratablePortal/index-eGyYZilF.js

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

package/dist/chunks/ui/dist/_virtual/_rolldown/runtime-2EUTAT-G.js

@@ -0,0 +1,27 @@
+//#region ../ui/dist/_virtual/_rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t, n) => () => {
+	if (n) throw n[0];
+	try {
+		return e && (t = e(e = 0)), t;
+	} catch (e) {
+		throw n = [e], e;
+	}
+}, s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, l = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e);
+//#endregion
+export { s as __commonJSMin, o as __esmMin, c as __exportAll, d as __toCommonJS, u as __toESM };

package/dist/chunks/ui/dist/_virtual/builtin_esm-external-require-react-CUC7JMzW.js

@@ -0,0 +1,9 @@
+import { __commonJSMin as e } from "./_rolldown/runtime-2EUTAT-G.js";
+import * as t from "react";
+//#region ../ui/dist/_virtual/builtin_esm-external-require-react.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	n.exports = { ...t };
+}));
+n();
+//#endregion
+export { n as require_builtin_esm_external_require_react };

package/dist/chunks/ui/dist/lib/body-pointer-events-DLBTed3C.js

@@ -0,0 +1,14 @@
+import * as e from "react";
+//#region ../ui/dist/lib/body-pointer-events.js
+var t = 0, n = null, r = typeof window > "u" ? e.useEffect : e.useLayoutEffect;
+function i(e) {
+	r(() => {
+		if (!e) return;
+		let r = document.body;
+		if (r) return t === 0 && (n = r.style.pointerEvents, r.style.pointerEvents = "none"), t += 1, () => {
+			t = Math.max(0, t - 1), !(t !== 0 || n === null) && (n ? r.style.pointerEvents = n : r.style.removeProperty("pointer-events"), n = null);
+		};
+	}, [e]);
+}
+//#endregion
+export { i as useBodyPointerEventsLock };

package/dist/chunks/ui/dist/lib/isAutomationRuntime-CZ6KXlyz.js

@@ -0,0 +1,4 @@
+//#region ../ui/dist/lib/isAutomationRuntime.js
+var e = null, t = () => typeof navigator > "u" ? !1 : navigator.webdriver === !0, n = () => (e === null && (e = t()), e);
+//#endregion
+export { n as isAutomationRuntime };