@trebired/frontend 12.14.2 → 12.16.1

package/dist/media/carousel.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../icons/react/index.js";
+import { sourceLanguageMessage } from "../language/messages.js";
+import { useCarouselState } from "./carousel-state.js";
+const ICON_CHEVRON_LEFT = "remixicon:arrow-left-s-line";
+const ICON_CHEVRON_RIGHT = "remixicon:arrow-right-s-line";
+function Carousel(props) {
+    const slides = props.slides ?? [];
+    const state = useCarouselState(slides.length, props.intervalMs ?? 5000);
+    const label = (key, vars) => sourceLanguageMessage(key, props.lang, vars);
+    const showControls = props.controls !== false && slides.length > 1;
+    const showIndicators = props.indicators !== false && slides.length > 1;
+    if (!slides.length)
+        return null;
+    return (_jsxs("div", { className: ["tbf-carousel", props.className].filter(Boolean).join(" "), onBlur: state.onLeave, onFocus: state.onEnter, onMouseEnter: state.onEnter, onMouseLeave: state.onLeave, children: [slides.map((slide, index) => (_jsx("img", { alt: slide.alt ?? "", "aria-hidden": index === state.activeIndex ? undefined : "true", className: `tbf-carousel-slide${index === state.activeIndex ? " is-active" : ""}`, src: slide.src }, slide.src))), showControls && (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": label("mediaSlidePrevious"), className: "tbf-carousel-nav tbf-carousel-nav-prev", onClick: state.showPrevious, type: "button", children: _jsx(Icon, { spec: ICON_CHEVRON_LEFT }) }), _jsx("button", { "aria-label": label("mediaSlideNext"), className: "tbf-carousel-nav tbf-carousel-nav-next", onClick: state.showNext, type: "button", children: _jsx(Icon, { spec: ICON_CHEVRON_RIGHT }) })] })), showIndicators && (_jsx("div", { className: "tbf-carousel-dots", children: slides.map((slide, index) => (_jsx("button", { "aria-current": index === state.activeIndex ? "true" : undefined, "aria-label": label("mediaSlide", { index: index + 1 }), className: `tbf-carousel-dot${index === state.activeIndex ? " is-active" : ""}`, onClick: () => state.showAt(index), type: "button" }, slide.src))) }))] }));
+}
+export { Carousel };
+//# sourceMappingURL=carousel.js.map

package/dist/media/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/media/carousel.tsx"],"names":[],"mappings":"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"}

package/dist/media/expandable-image.d.ts

@@ -0,0 +1,13 @@
+type ExpandableImageProps = {
+    alt: string;
+    className?: string;
+    imageClassName?: string;
+    images?: readonly string[];
+    index?: number;
+    lang?: string;
+    src: string;
+};
+declare function ExpandableImage(props: ExpandableImageProps): import("react").JSX.Element;
+export { ExpandableImage };
+export type { ExpandableImageProps };
+//# sourceMappingURL=expandable-image.d.ts.map

package/dist/media/expandable-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-image.d.ts","sourceRoot":"","sources":["../../../src/media/expandable-image.tsx"],"names":[],"mappings":"AASA,KAAK,oBAAoB,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAMF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BA4CnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/media/expandable-image.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId } from "react";
+import { Icon } from "../icons/react/index.js";
+import { sourceLanguageMessage } from "../language/messages.js";
+import { useGalleryState } from "./gallery-state.js";
+import { Lightbox } from "./lightbox.js";
+const ICON_MAXIMIZE = "remixicon:fullscreen-line";
+function galleryAlt(alt, length, index) {
+    return length > 1 ? `${alt} ${index + 1}` : alt;
+}
+function ExpandableImage(props) {
+    const gallery = props.images?.length ? [...props.images] : [props.src];
+    const start = Math.min(Math.max(props.index ?? 0, 0), gallery.length - 1);
+    const titleId = useId();
+    const state = useGalleryState(gallery.length, start);
+    const thumbnailAlt = galleryAlt(props.alt, gallery.length, start);
+    const label = sourceLanguageMessage("mediaExpand", props.lang, { alt: thumbnailAlt });
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { "aria-label": label, className: ["tbf-expandable-image", props.className].filter(Boolean).join(" "), onClick: () => state.expand(start), type: "button", children: [_jsx("img", { alt: thumbnailAlt, className: ["tbf-expandable-image-img", props.imageClassName].filter(Boolean).join(" "), loading: "lazy", src: props.src }), _jsx("span", { className: "tbf-expandable-image-icon", children: _jsx(Icon, { spec: ICON_MAXIMIZE }) })] }), state.open && (_jsx(Lightbox, { alt: galleryAlt(props.alt, gallery.length, state.activeIndex), close: state.close, hasNext: state.activeIndex < gallery.length - 1, hasPrevious: state.activeIndex > 0, lang: props.lang, showNext: state.showNext, showPrevious: state.showPrevious, src: gallery[state.activeIndex] ?? props.src, titleId: titleId, visible: state.visible }))] }));
+}
+export { ExpandableImage };
+//# sourceMappingURL=expandable-image.js.map

package/dist/media/expandable-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-image.js","sourceRoot":"","sources":["../../../src/media/expandable-image.tsx"],"names":[],"mappings":"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"}

package/dist/media/focus-trap.d.ts

@@ -0,0 +1,5 @@
+declare function focusableWithin(root: HTMLElement): HTMLElement[];
+declare function trapTabKey(root: HTMLElement, event: KeyboardEvent): void;
+declare function captureFocus(root: HTMLElement): () => void;
+export { captureFocus, focusableWithin, trapTabKey };
+//# sourceMappingURL=focus-trap.d.ts.map

package/dist/media/focus-trap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.d.ts","sourceRoot":"","sources":["../../../src/media/focus-trap.ts"],"names":[],"mappings":"AASA,iBAAS,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,EAAE,CAGzD;AAED,iBAAS,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,CAmBjE;AAED,iBAAS,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,IAAI,CAQnD;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}

package/dist/media/focus-trap.js

@@ -0,0 +1,41 @@
+const FOCUSABLE = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])',
+].join(",");
+function focusableWithin(root) {
+    return Array.from(root.querySelectorAll(FOCUSABLE))
+        .filter((node) => node.offsetWidth > 0 || node.offsetHeight > 0 || node === document.activeElement);
+}
+function trapTabKey(root, event) {
+    const focusable = focusableWithin(root);
+    if (!focusable.length) {
+        event.preventDefault();
+        return;
+    }
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    const active = document.activeElement;
+    if (!event.shiftKey && active === last) {
+        event.preventDefault();
+        first.focus();
+        return;
+    }
+    if (event.shiftKey && (active === first || !root.contains(active))) {
+        event.preventDefault();
+        last.focus();
+    }
+}
+function captureFocus(root) {
+    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const focusable = focusableWithin(root);
+    (focusable[0] ?? root).focus();
+    return () => {
+        previous?.focus();
+    };
+}
+export { captureFocus, focusableWithin, trapTabKey };
+//# sourceMappingURL=focus-trap.js.map

package/dist/media/focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.js","sourceRoot":"","sources":["../../../src/media/focus-trap.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,SAAS;IACT,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,0BAA0B;IAC1B,iCAAiC;CAClC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,SAAS,eAAe,CAAC,IAAiB;IACxC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,SAAS,CAAC,CAAC;SAC/D,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,aAAa,CAAC,CAAC;AACtG,CAAC;AAED,SAAS,UAAU,CAAC,IAAiB,EAAE,KAAoB;IACzD,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACtB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO;IACT,CAAC;IACD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;IAEtC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACvC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO;IACT,CAAC;IACD,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,MAAM,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QACnE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAiB;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,YAAY,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/F,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;IAE/B,OAAO,GAAG,EAAE;QACV,QAAQ,EAAE,KAAK,EAAE,CAAC;IACpB,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC"}

package/dist/media/gallery-state.d.ts

@@ -0,0 +1,14 @@
+declare const CLOSE_ANIMATION_MS = 320;
+type GalleryState = {
+    activeIndex: number;
+    close: () => void;
+    expand: (index: number) => void;
+    open: boolean;
+    showNext: () => void;
+    showPrevious: () => void;
+    visible: boolean;
+};
+declare function useGalleryState(length: number, initialIndex: number): GalleryState;
+export { CLOSE_ANIMATION_MS, useGalleryState };
+export type { GalleryState };
+//# sourceMappingURL=gallery-state.d.ts.map

package/dist/media/gallery-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-state.d.ts","sourceRoot":"","sources":["../../../src/media/gallery-state.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB,MAAM,CAAC;AAE/B,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,iBAAS,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,YAAY,CA2B3E;AAED,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/media/gallery-state.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+const CLOSE_ANIMATION_MS = 320;
+function useGalleryState(length, initialIndex) {
+    const [open, setOpen] = useState(false);
+    const [visible, setVisible] = useState(false);
+    const [index, setIndex] = useState(initialIndex);
+    const closeTimer = useRef(undefined);
+    const activeIndex = Math.min(Math.max(index, 0), Math.max(length - 1, 0));
+    const close = useCallback(() => {
+        setVisible(false);
+        window.clearTimeout(closeTimer.current);
+        closeTimer.current = window.setTimeout(() => setOpen(false), CLOSE_ANIMATION_MS);
+    }, []);
+    const expand = useCallback((next) => {
+        window.clearTimeout(closeTimer.current);
+        setIndex(next);
+        setOpen(true);
+        window.requestAnimationFrame(() => setVisible(true));
+    }, []);
+    const showPrevious = useCallback(() => setIndex((current) => Math.max(current - 1, 0)), []);
+    const showNext = useCallback(() => setIndex((current) => Math.min(current + 1, length - 1)), [length]);
+    useEffect(() => () => window.clearTimeout(closeTimer.current), []);
+    return { activeIndex, close, expand, open, showNext, showPrevious, visible };
+}
+export { CLOSE_ANIMATION_MS, useGalleryState };
+//# sourceMappingURL=gallery-state.js.map

package/dist/media/gallery-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-state.js","sourceRoot":"","sources":["../../../src/media/gallery-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAY/B,SAAS,eAAe,CAAC,MAAc,EAAE,YAAoB;IAC3D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAEzD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE1E,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,kBAAkB,CAAC,CAAC;IACnF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAC1C,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5F,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEvG,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;AAC/E,CAAC;AAED,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC"}

package/dist/media/index.d.ts

@@ -1,11 +1,14 @@
-type MediaState = {
-    available: boolean;
-    id: string;
-    image: string;
-};
-declare function mediaState(value: unknown): MediaState;
-declare function mediaImage(value: unknown): string;
-declare function mediaAvailable(value: unknown): boolean;
-export { mediaAvailable, mediaImage, mediaState };
-export type { MediaState };
+export { Carousel } from "./carousel.js";
+export type { CarouselProps, CarouselSlide } from "./carousel.js";
+export { prefersReducedMotion, useCarouselState } from "./carousel-state.js";
+export type { CarouselState } from "./carousel-state.js";
+export { ExpandableImage } from "./expandable-image.js";
+export type { ExpandableImageProps } from "./expandable-image.js";
+export { useGalleryState } from "./gallery-state.js";
+export type { GalleryState } from "./gallery-state.js";
+export { Lightbox } from "./lightbox.js";
+export type { LightboxProps } from "./lightbox.js";
+export { MapEmbed } from "./map-embed.js";
+export type { MapEmbedProps } from "./map-embed.js";
+export { lockBodyScroll } from "./scroll-lock.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media/index.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAQF,iBAAS,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAiB9C;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,OAAO,UAEjC;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,OAAO,WAErC;AAED,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/media/index.js

@@ -1,29 +1,8 @@
-import { toString } from "../data/index.js";
-function mediaText(value) {
-    return typeof value === "string" || typeof value === "number"
-        ? toString(value)
-        : "";
-}
-function mediaState(value) {
-    const current = value && typeof value === "object" && !Array.isArray(value)
-        ? value
-        : null;
-    const image = current
-        ? toString(current.image || current.url || current.avatar_url || current.avatarUrl)
-        : mediaText(value);
-    const id = toString(current?.id);
-    const available = current ? current.available === true : Boolean(image);
-    return {
-        available,
-        id,
-        image,
-    };
-}
-function mediaImage(value) {
-    return mediaState(value).image;
-}
-function mediaAvailable(value) {
-    return mediaState(value).available;
-}
-export { mediaAvailable, mediaImage, mediaState };
+export { Carousel } from "./carousel.js";
+export { prefersReducedMotion, useCarouselState } from "./carousel-state.js";
+export { ExpandableImage } from "./expandable-image.js";
+export { useGalleryState } from "./gallery-state.js";
+export { Lightbox } from "./lightbox.js";
+export { MapEmbed } from "./map-embed.js";
+export { lockBodyScroll } from "./scroll-lock.js";
 //# sourceMappingURL=index.js.map

package/dist/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQzC,SAAS,SAAS,CAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC7D,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjB,CAAC,CAAC,EAAE,CAAC;AACP,CAAC;AAED,SAAS,UAAU,CAAC,KAAc;IAChC,MAAM,OAAO,GACb,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3D,CAAC,CAAC,KAAgC;QAClC,CAAC,CAAC,IAAI,CAAC;IACP,MAAM,KAAK,GAAG,OAAO;QACrB,CAAC,CAAC,QAAQ,CACR,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,SAAS,CACxE;QACD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxE,OAAO;QACL,SAAS;QACT,EAAE;QACF,KAAK;KACN,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACjC,CAAC;AAED,SAAS,cAAc,CAAC,KAAc;IACpC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;AACrC,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/media/lightbox.d.ts

@@ -0,0 +1,16 @@
+type LightboxProps = {
+    alt: string;
+    close: () => void;
+    hasNext: boolean;
+    hasPrevious: boolean;
+    lang?: string;
+    showNext: () => void;
+    showPrevious: () => void;
+    src: string;
+    titleId: string;
+    visible: boolean;
+};
+declare function Lightbox(props: LightboxProps): import("react").ReactPortal;
+export { Lightbox };
+export type { LightboxProps };
+//# sourceMappingURL=lightbox.d.ts.map

package/dist/media/lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../src/media/lightbox.tsx"],"names":[],"mappings":"AAYA,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAkCF,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAyDrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/media/lightbox.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { Icon } from "../icons/react/index.js";
+import { sourceLanguageMessage } from "../language/messages.js";
+import { captureFocus, trapTabKey } from "./focus-trap.js";
+import { lockBodyScroll } from "./scroll-lock.js";
+const ICON_CHEVRON_LEFT = "remixicon:arrow-left-s-line";
+const ICON_CHEVRON_RIGHT = "remixicon:arrow-right-s-line";
+const ICON_CLOSE = "remixicon:close-line";
+function stop(event) {
+    event.stopPropagation();
+}
+function useLightboxShell(close, showNext, showPrevious) {
+    const panel = useRef(null);
+    useEffect(() => {
+        const node = panel.current;
+        if (!node)
+            return undefined;
+        const releaseScroll = lockBodyScroll();
+        const restoreFocus = captureFocus(node);
+        function onKeyDown(event) {
+            if (event.key === "Escape")
+                close();
+            if (event.key === "ArrowLeft")
+                showPrevious();
+            if (event.key === "ArrowRight")
+                showNext();
+            if (event.key === "Tab" && panel.current)
+                trapTabKey(panel.current, event);
+        }
+        window.addEventListener("keydown", onKeyDown);
+        return () => {
+            window.removeEventListener("keydown", onKeyDown);
+            releaseScroll();
+            restoreFocus();
+        };
+    }, [close, showNext, showPrevious]);
+    return panel;
+}
+function Lightbox(props) {
+    const panel = useLightboxShell(props.close, props.showNext, props.showPrevious);
+    const label = (key, vars) => sourceLanguageMessage(key, props.lang, vars);
+    const state = props.visible ? " is-visible" : "";
+    const node = (_jsxs("div", { "aria-labelledby": props.titleId, "aria-modal": "true", className: `tbf-lightbox${state}`, onClick: props.close, ref: panel, role: "dialog", tabIndex: -1, children: [_jsx("button", { "aria-label": label("mediaClose"), className: "tbf-lightbox-close", onClick: props.close, type: "button", children: _jsx(Icon, { spec: ICON_CLOSE }) }), props.hasPrevious && (_jsx("button", { "aria-label": label("mediaPrevious"), className: "tbf-lightbox-nav tbf-lightbox-nav-prev", onClick: (event) => {
+                    stop(event);
+                    props.showPrevious();
+                }, type: "button", children: _jsx(Icon, { spec: ICON_CHEVRON_LEFT }) })), props.hasNext && (_jsx("button", { "aria-label": label("mediaNext"), className: "tbf-lightbox-nav tbf-lightbox-nav-next", onClick: (event) => {
+                    stop(event);
+                    props.showNext();
+                }, type: "button", children: _jsx(Icon, { spec: ICON_CHEVRON_RIGHT }) })), _jsxs("div", { className: "tbf-lightbox-viewer", onClick: stop, children: [_jsx("h2", { className: "sr-only", id: props.titleId, children: props.alt }), _jsx("img", { alt: props.alt, className: "tbf-lightbox-img", src: props.src }), _jsx("p", { className: "tbf-lightbox-caption", children: props.alt })] })] }));
+    if (typeof document === "undefined")
+        return null;
+    return createPortal(node, document.body);
+}
+export { Lightbox };
+//# sourceMappingURL=lightbox.js.map

package/dist/media/lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.js","sourceRoot":"","sources":["../../../src/media/lightbox.tsx"],"names":[],"mappings":"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"}

package/dist/media/map-embed.d.ts

@@ -0,0 +1,9 @@
+type MapEmbedProps = {
+    className?: string;
+    src: string;
+    title: string;
+};
+declare function MapEmbed({ className, src, title }: MapEmbedProps): import("react").JSX.Element;
+export { MapEmbed };
+export type { MapEmbedProps };
+//# sourceMappingURL=map-embed.d.ts.map

package/dist/media/map-embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-embed.d.ts","sourceRoot":"","sources":["../../../src/media/map-embed.tsx"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,aAAa,+BAczD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/media/map-embed.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function MapEmbed({ className, src, title }) {
+    return (_jsx("iframe", { allowFullScreen: true, className: ["tbf-map-embed", className].filter(Boolean).join(" "), height: "100%", loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", src: src, style: { border: 0 }, title: title, width: "100%" }));
+}
+export { MapEmbed };
+//# sourceMappingURL=map-embed.js.map

package/dist/media/map-embed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-embed.js","sourceRoot":"","sources":["../../../src/media/map-embed.tsx"],"names":[],"mappings":";AAMA,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAiB;IACxD,OAAO,CACL,iBACA,eAAe,QACf,SAAS,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACjE,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,4BAA4B,EAC3C,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,MAAM,GACV,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/media/scroll-lock.d.ts

@@ -0,0 +1,3 @@
+declare function lockBodyScroll(): () => void;
+export { lockBodyScroll };
+//# sourceMappingURL=scroll-lock.d.ts.map

package/dist/media/scroll-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock.d.ts","sourceRoot":"","sources":["../../../src/media/scroll-lock.ts"],"names":[],"mappings":"AAGA,iBAAS,cAAc,IAAI,MAAM,IAAI,CAgBpC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/media/scroll-lock.js

@@ -0,0 +1,22 @@
+let lockCount = 0;
+let previousOverflow = "";
+function lockBodyScroll() {
+    if (typeof document === "undefined")
+        return () => undefined;
+    if (lockCount === 0) {
+        previousOverflow = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+    }
+    lockCount += 1;
+    let released = false;
+    return () => {
+        if (released)
+            return;
+        released = true;
+        lockCount = Math.max(lockCount - 1, 0);
+        if (lockCount === 0)
+            document.body.style.overflow = previousOverflow;
+    };
+}
+export { lockBodyScroll };
+//# sourceMappingURL=scroll-lock.js.map

package/dist/media/scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../../src/media/scroll-lock.ts"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,CAAC,CAAC;AAClB,IAAI,gBAAgB,GAAG,EAAE,CAAC;AAE1B,SAAS,cAAc;IACrB,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC;IAE5D,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;QACpB,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAChD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1C,CAAC;IACD,SAAS,IAAI,CAAC,CAAC;IAEf,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,OAAO,GAAG,EAAE;QACV,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,GAAG,IAAI,CAAC;QAChB,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,IAAI,SAAS,KAAK,CAAC;YAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,gBAAgB,CAAC;IACvE,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/media/styles/carousel.scss

@@ -0,0 +1,79 @@
+.tbf-carousel {
+  position: relative;
+  overflow: hidden;
+}
+
+.tbf-carousel-slide {
+  position: absolute;
+  inset: 0;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+  opacity: 0;
+  transition: opacity 1000ms ease;
+}
+
+.tbf-carousel-slide.is-active {
+  position: relative;
+  opacity: 1;
+}
+
+.tbf-carousel-nav {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  height: 2.75rem;
+  width: 2.75rem;
+  align-items: center;
+  justify-content: center;
+  transform: translateY(-50%);
+  border: none;
+  border-radius: 999px;
+  background: oklch(14.5% 0 0 / 35%);
+  color: var(--white-500, #fff);
+  cursor: pointer;
+  transition: background 180ms ease;
+}
+
+.tbf-carousel-nav:hover {
+  background: oklch(14.5% 0 0 / 55%);
+}
+
+.tbf-carousel-nav-prev {
+  left: 0.75rem;
+}
+
+.tbf-carousel-nav-next {
+  right: 0.75rem;
+}
+
+.tbf-carousel-dots {
+  position: absolute;
+  bottom: 0.9rem;
+  left: 50%;
+  display: flex;
+  gap: 0.4rem;
+  transform: translateX(-50%);
+}
+
+.tbf-carousel-dot {
+  height: 0.5rem;
+  width: 0.5rem;
+  border: none;
+  border-radius: 999px;
+  background: oklch(100% 0 0 / 55%);
+  cursor: pointer;
+  padding: 0;
+  transition: background 180ms ease, width 180ms ease;
+}
+
+.tbf-carousel-dot.is-active {
+  width: 1.75rem;
+  background: oklch(100% 0 0 / 95%);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tbf-carousel-slide {
+    transition: none;
+  }
+}

package/dist/media/styles/index.scss

@@ -0,0 +1,2 @@
+@use "./lightbox.scss";
+@use "./carousel.scss";