@stisocial/ui 0.2.1 → 0.3.0

package/dist/media/MockupFrame/MockupFrame.css

@@ -0,0 +1,196 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-MockupFrame-root-7f213 {
+    justify-items: center;
+    gap: var(--sti-space-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    font-family: var(--sti-font-text);
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-MockupFrame-device-c0ccd {
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    position: relative;
+  }
+
+  .sti-MockupFrame-screen-db4e9 {
+    background: var(--sti-bg-canvas);
+    color: var(--sti-fg);
+    position: relative;
+    overflow: hidden;
+  }
+
+  .sti-MockupFrame-screen-db4e9 > :is(img, video, picture, svg) {
+    object-fit: cover;
+    block-size: 100%;
+    inline-size: 100%;
+    display: block;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="browser"] .sti-MockupFrame-device-c0ccd {
+    border: var(--sti-border-width) solid var(--sti-border);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    box-shadow: var(--sti-shadow-lg);
+    overflow: hidden;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="browser"] .sti-MockupFrame-screen-db4e9 > :is(img, video, picture, svg) {
+    block-size: auto;
+  }
+
+  .sti-MockupFrame-chrome-4aabd {
+    align-items: center;
+    gap: var(--sti-space-3);
+    padding: var(--sti-space-2) var(--sti-space-3);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-subtle);
+    display: flex;
+  }
+
+  .sti-MockupFrame-dots-f77ee {
+    gap: var(--sti-space-2);
+    flex: none;
+    display: flex;
+  }
+
+  .sti-MockupFrame-dots-f77ee > span {
+    inline-size: var(--sti-space-3);
+    block-size: var(--sti-space-3);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-border-strong);
+  }
+
+  .sti-MockupFrame-address-65e2c {
+    min-inline-size: 0;
+    padding: var(--sti-space-1) var(--sti-space-3);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 0 28rem;
+    margin-inline: auto;
+    overflow: hidden;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="phone"] .sti-MockupFrame-device-c0ccd {
+    max-inline-size: 18rem;
+    padding: var(--sti-space-3);
+    border-radius: calc(var(--sti-radius-xl) * 2.4);
+    background: var(--sti-bg-inverse);
+    box-shadow: var(--sti-shadow-lg);
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="phone"] .sti-MockupFrame-screen-db4e9 {
+    aspect-ratio: 9 / 19.5;
+    border-radius: calc(var(--sti-radius-xl) * 1.9);
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="phone"][data-landscape] .sti-MockupFrame-device-c0ccd {
+    max-inline-size: 36rem;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="phone"][data-landscape] .sti-MockupFrame-screen-db4e9 {
+    aspect-ratio: 19.5 / 9;
+  }
+
+  .sti-MockupFrame-island-28218 {
+    z-index: 1;
+    inline-size: 28%;
+    block-size: var(--sti-space-5);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-inverse);
+    position: absolute;
+    inset-block-start: calc(var(--sti-space-3) + var(--sti-space-2));
+    inset-inline-start: 50%;
+    translate: -50%;
+  }
+
+  .sti-MockupFrame-root-7f213[data-landscape] .sti-MockupFrame-island-28218 {
+    display: none;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="tablet"] .sti-MockupFrame-device-c0ccd {
+    max-inline-size: 30rem;
+    padding: var(--sti-space-4);
+    border-radius: calc(var(--sti-radius-xl) * 1.6);
+    background: var(--sti-bg-inverse);
+    box-shadow: var(--sti-shadow-lg);
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="tablet"] .sti-MockupFrame-screen-db4e9 {
+    aspect-ratio: 3 / 4;
+    border-radius: var(--sti-radius-md);
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="tablet"][data-landscape] .sti-MockupFrame-device-c0ccd {
+    max-inline-size: 40rem;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="tablet"][data-landscape] .sti-MockupFrame-screen-db4e9 {
+    aspect-ratio: 4 / 3;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="laptop"] .sti-MockupFrame-device-c0ccd {
+    justify-items: center;
+    max-inline-size: 48rem;
+    display: grid;
+  }
+
+  .sti-MockupFrame-root-7f213[data-device="laptop"] .sti-MockupFrame-screen-db4e9 {
+    box-sizing: border-box;
+    aspect-ratio: 16 / 10;
+    border: var(--sti-space-3) solid var(--sti-bg-inverse);
+    border-block-end-width: var(--sti-space-4);
+    border-radius: var(--sti-radius-lg) var(--sti-radius-lg) 0 0;
+    inline-size: 84%;
+  }
+
+  .sti-MockupFrame-base-ad392 {
+    inline-size: 100%;
+    block-size: var(--sti-space-4);
+    border-radius: 0 0 var(--sti-radius-lg) var(--sti-radius-lg);
+    background: var(--sti-bg-inverse);
+    box-shadow: var(--sti-shadow-md);
+    position: relative;
+  }
+
+  .sti-MockupFrame-base-ad392:before {
+    inline-size: 14%;
+    block-size: var(--sti-space-2);
+    border-radius: 0 0 var(--sti-radius-md) var(--sti-radius-md);
+    background: var(--sti-border-strong);
+    content: "";
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 50%;
+    translate: -50%;
+  }
+
+  .sti-MockupFrame-caption-f508f {
+    max-inline-size: 40rem;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    text-align: center;
+  }
+
+  @media (forced-colors: active) {
+    .sti-MockupFrame-device-c0ccd, .sti-MockupFrame-screen-db4e9 {
+      border-color: canvastext;
+    }
+
+    .sti-MockupFrame-root-7f213:is([data-device="phone"], [data-device="tablet"]) .sti-MockupFrame-device-c0ccd {
+      outline: var(--sti-border-width) solid CanvasText;
+    }
+  }
+}

package/dist/media/MockupFrame/MockupFrame.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+export type MockupDevice = "phone" | "tablet" | "laptop" | "browser";
+export interface MockupFrameProps {
+  /** Çerçeve: telefon, tablet, dizüstü ya da tarayıcı penceresi. */
+  device?: MockupDevice;
+  /** Ekrandaki içerik (görsel, video ya da arayüz). Görselse kendi metin karşılığıyla verilir. */
+  children: ReactNode;
+  /** Tarayıcı çerçevesinin adres çubuğunda gösterilecek adres (yalnız alan adı ve yol yazılır). */
+  url?: string;
+  /** Alt yazı (ör. "Ana sayfa, mobil görünüm"). */
+  caption?: ReactNode;
+  /** Telefon ve tablette yatay yerleşim. */
+  landscape?: boolean;
+  className?: string;
+  id?: string;
+}
+/** "https://www.stisocial.com/hizmetler?x=1" → "stisocial.com/hizmetler". */
+export declare function displayUrl(url: string): string;
+/**
+ * Cihaz çerçevesi (sunum ve vaka çalışmaları): içeriği telefon, tablet, dizüstü ya da tarayıcı
+ * penceresi içinde gösterir. Çerçeve süstür (ekran okuyucu yalnız içeriği ve alt yazıyı okur);
+ * çerçeve rengi temaya uyar. Ekran oranı cihazınkidir; içerik ekranı kaplar.
+ */
+export declare function MockupFrame({ device, children, url, caption, landscape, className, id }: MockupFrameProps): import("react").JSX.Element;

package/dist/media/MockupFrame/MockupFrame.js

@@ -0,0 +1,62 @@
+import MockupFrame_module_default from "./MockupFrame.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/media/MockupFrame/MockupFrame.tsx
+/** "https://www.stisocial.com/hizmetler?x=1" → "stisocial.com/hizmetler". */
+function displayUrl(url) {
+	try {
+		const u = new URL(url);
+		const path = u.pathname === "/" ? "" : u.pathname.replace(/\/$/, "");
+		return `${u.hostname.replace(/^www\./, "")}${path}`;
+	} catch {
+		return url;
+	}
+}
+/**
+* Cihaz çerçevesi (sunum ve vaka çalışmaları): içeriği telefon, tablet, dizüstü ya da tarayıcı
+* penceresi içinde gösterir. Çerçeve süstür (ekran okuyucu yalnız içeriği ve alt yazıyı okur);
+* çerçeve rengi temaya uyar. Ekran oranı cihazınkidir; içerik ekranı kaplar.
+*/
+function MockupFrame({ device = "browser", children, url, caption, landscape, className, id }) {
+	return /* @__PURE__ */ jsxs("figure", {
+		id,
+		className: [MockupFrame_module_default.root, className].filter(Boolean).join(" "),
+		"data-device": device,
+		"data-landscape": landscape ? "" : void 0,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: MockupFrame_module_default.device,
+			children: [
+				device === "browser" ? /* @__PURE__ */ jsxs("div", {
+					className: MockupFrame_module_default.chrome,
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: MockupFrame_module_default.dots,
+						children: [
+							/* @__PURE__ */ jsx("span", {}),
+							/* @__PURE__ */ jsx("span", {}),
+							/* @__PURE__ */ jsx("span", {})
+						]
+					}), url ? /* @__PURE__ */ jsx("span", {
+						className: MockupFrame_module_default.address,
+						children: displayUrl(url)
+					}) : null]
+				}) : null,
+				device === "phone" ? /* @__PURE__ */ jsx("span", {
+					className: MockupFrame_module_default.island,
+					"aria-hidden": "true"
+				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: MockupFrame_module_default.screen,
+					children
+				}),
+				device === "laptop" ? /* @__PURE__ */ jsx("span", {
+					className: MockupFrame_module_default.base,
+					"aria-hidden": "true"
+				}) : null
+			]
+		}), caption ? /* @__PURE__ */ jsx("figcaption", {
+			className: MockupFrame_module_default.caption,
+			children: caption
+		}) : null]
+	});
+}
+export { MockupFrame, displayUrl };

package/dist/media/MockupFrame/MockupFrame.module.js

@@ -0,0 +1,14 @@
+import './MockupFrame.css';
+// src/media/MockupFrame/MockupFrame.module.css
+var MockupFrame_module_default = {
+	"root": "sti-MockupFrame-root-7f213",
+	"device": "sti-MockupFrame-device-c0ccd",
+	"screen": "sti-MockupFrame-screen-db4e9",
+	"chrome": "sti-MockupFrame-chrome-4aabd",
+	"dots": "sti-MockupFrame-dots-f77ee",
+	"address": "sti-MockupFrame-address-65e2c",
+	"island": "sti-MockupFrame-island-28218",
+	"base": "sti-MockupFrame-base-ad392",
+	"caption": "sti-MockupFrame-caption-f508f"
+};
+export { MockupFrame_module_default as default };

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

@@ -0,0 +1,2 @@
+import { MockupDevice, MockupFrame, MockupFrameProps, displayUrl } from "./MockupFrame.js";
+export { MockupDevice, MockupFrame, MockupFrameProps, displayUrl };

package/dist/media/PdfViewer/PdfViewer.css

@@ -0,0 +1,144 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-PdfViewer-root-57a53 {
+    --sti-pdf-height: 44rem;
+    box-sizing: border-box;
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    inline-size: 100%;
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    flex-direction: column;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .sti-PdfViewer-root-57a53[data-height="md"] {
+    --sti-pdf-height: 32rem;
+  }
+
+  .sti-PdfViewer-root-57a53[data-height="fill"] {
+    block-size: 100%;
+  }
+
+  .sti-PdfViewer-head-bdc9d {
+    align-items: center;
+    gap: var(--sti-space-3);
+    padding: var(--sti-space-2) var(--sti-space-2) var(--sti-space-2) var(--sti-space-4);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    display: flex;
+  }
+
+  .sti-PdfViewer-icon-08c18 {
+    inline-size: var(--sti-control-h-sm);
+    block-size: var(--sti-control-h-sm);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-danger-subtle);
+    color: var(--sti-fg-danger);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-PdfViewer-titles-59622 {
+    flex: auto;
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-PdfViewer-title-c335d {
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-sm);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .sti-PdfViewer-meta-f97e7 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--sti-line-height-xs);
+  }
+
+  .sti-PdfViewer-actions-bb6dd {
+    gap: var(--sti-space-1);
+    flex: none;
+    display: flex;
+  }
+
+  .sti-PdfViewer-body-03c04 {
+    block-size: var(--sti-pdf-height);
+    background: var(--sti-bg-subtle);
+    max-block-size: 80vh;
+    display: grid;
+  }
+
+  .sti-PdfViewer-root-57a53[data-height="fill"] .sti-PdfViewer-body-03c04 {
+    flex: auto;
+    block-size: auto;
+    min-block-size: 20rem;
+    max-block-size: none;
+  }
+
+  .sti-PdfViewer-body-03c04[data-state="invalid"] {
+    block-size: auto;
+    min-block-size: 10rem;
+  }
+
+  .sti-PdfViewer-frame-09735 {
+    border: 0;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .sti-PdfViewer-fallback-3b589 {
+    align-content: center;
+    justify-items: center;
+    gap: var(--sti-space-3);
+    padding: var(--sti-space-6) var(--sti-space-4);
+    text-align: center;
+    display: grid;
+  }
+
+  .sti-PdfViewer-fallbackIcon-c88fc {
+    inline-size: var(--sti-control-h-lg);
+    block-size: var(--sti-control-h-lg);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg-muted);
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-PdfViewer-fallbackActions-49f08 {
+    justify-content: center;
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-PdfViewer-notice-06495 {
+    max-inline-size: 30rem;
+    padding: var(--sti-space-4);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    text-align: center;
+    place-self: center;
+    margin: 0;
+  }
+
+  .sti-PdfViewer-fallback-3b589 .sti-PdfViewer-notice-06495 {
+    padding: 0;
+  }
+
+  @media (forced-colors: active) {
+    .sti-PdfViewer-root-57a53 {
+      border-color: canvastext;
+    }
+  }
+}

package/dist/media/PdfViewer/PdfViewer.d.ts

@@ -0,0 +1,28 @@
+export interface PdfViewerProps {
+  /** PDF adresi (http, https, blob ya da göreli). */
+  src: string;
+  /** Belgenin adı (zorunlu): başlık ve çerçevenin erişilebilir adı. */
+  title: string;
+  /** İndirilen dosyanın adı; verilmezse `title` + ".pdf". */
+  fileName?: string;
+  /** Dosya boyutu (bayt). */
+  size?: number;
+  /** Sayfa sayısı (sunucu biliyorsa). */
+  pageCount?: number;
+  /** Açılışta gösterilecek sayfa. */
+  page?: number;
+  /** Görüntüleme alanının yüksekliği: `md` 32rem, `lg` 44rem (varsayılan), `fill` kabın yüksekliği. */
+  height?: "md" | "lg" | "fill";
+  /** Üçüncü taraf adresinde gizlilik modu (bkz. VideoPlayer). */
+  consent?: "auto" | "granted";
+  onConsent?: () => void;
+  className?: string;
+  id?: string;
+}
+/**
+ * PDF görüntüleyici: başlık satırında belge adı, boyut ve sayfa sayısı, "Yeni sekmede açın" ve
+ * "İndirin"; altında tarayıcının yerleşik PDF görüntüleyicisi. Tarayıcı PDF gösteremiyorsa
+ * (`navigator.pdfViewerEnabled`, çoğu mobil tarayıcı) yerine açıklama ve aynı eylemler gelir.
+ * Yalnız http(s), blob ve göreli adresler açılır; üçüncü taraf adres izinden sonra yüklenir.
+ */
+export declare function PdfViewer({ src, title, fileName, size, pageCount, page, height, consent, onConsent, className, id }: PdfViewerProps): import("react").JSX.Element;

package/dist/media/PdfViewer/PdfViewer.js

@@ -0,0 +1,122 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Button } from "../../components/Button/Button.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { ExternalLinkIcon } from "../../icons/generated/ExternalLinkIcon.js";
+import { FileTextIcon } from "../../icons/generated/FileTextIcon.js";
+import { DownloadIcon } from "../../icons/generated/DownloadIcon.js";
+import { ConsentNotice } from "../_internal/consent/ConsentNotice.js";
+import { hostOf, safeMediaUrl } from "../_internal/url.js";
+import { useConsent } from "../_internal/useConsent.js";
+import PdfViewer_module_default from "./PdfViewer.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+// src/media/PdfViewer/PdfViewer.tsx
+/**
+* PDF görüntüleyici: başlık satırında belge adı, boyut ve sayfa sayısı, "Yeni sekmede açın" ve
+* "İndirin"; altında tarayıcının yerleşik PDF görüntüleyicisi. Tarayıcı PDF gösteremiyorsa
+* (`navigator.pdfViewerEnabled`, çoğu mobil tarayıcı) yerine açıklama ve aynı eylemler gelir.
+* Yalnız http(s), blob ve göreli adresler açılır; üçüncü taraf adres izinden sonra yüklenir.
+*/
+function PdfViewer({ src, title, fileName, size, pageCount, page, height = "lg", consent = "auto", onConsent, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const safe = safeMediaUrl(src, "https://localhost/") !== null;
+	const { origin, allowed, accept } = useConsent(safe ? [src] : [], consent, onConsent);
+	const [inline, setInline] = useState(true);
+	useEffect(() => {
+		if (typeof navigator !== "undefined" && "pdfViewerEnabled" in navigator) setInline(navigator.pdfViewerEnabled);
+	}, []);
+	const download = fileName ?? `${title.replace(/[\\/:*?"<>|]+/g, "-")}.pdf`;
+	const meta = [size !== void 0 ? f.fileSize(size) : null, pageCount !== void 0 ? template(t.mediaPdfPages, { count: pageCount }) : null].filter(Boolean);
+	const frameSrc = page && page > 1 ? `${src}#page=${Math.floor(page)}` : src;
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		className: [PdfViewer_module_default.root, className].filter(Boolean).join(" "),
+		"data-height": height,
+		"aria-label": template(t.mediaPdfLabel, { title }),
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: PdfViewer_module_default.head,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: PdfViewer_module_default.icon,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx(FileTextIcon, {})
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: PdfViewer_module_default.titles,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: PdfViewer_module_default.title,
+						children: title
+					}), meta.length ? /* @__PURE__ */ jsx("span", {
+						className: PdfViewer_module_default.meta,
+						children: meta.join(" · ")
+					}) : null]
+				}),
+				safe ? /* @__PURE__ */ jsxs("span", {
+					className: PdfViewer_module_default.actions,
+					children: [/* @__PURE__ */ jsx(IconButton, {
+						size: "sm",
+						label: t.mediaPdfOpen,
+						icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {}),
+						href: src,
+						target: "_blank"
+					}), /* @__PURE__ */ jsx(IconButton, {
+						size: "sm",
+						label: t.mediaPdfDownload,
+						icon: /* @__PURE__ */ jsx(DownloadIcon, {}),
+						href: src,
+						download
+					})]
+				}) : null
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: PdfViewer_module_default.body,
+			"data-state": safe ? void 0 : "invalid",
+			children: !safe ? /* @__PURE__ */ jsx("p", {
+				className: PdfViewer_module_default.notice,
+				children: t.mediaPdfUnsafe
+			}) : !allowed ? /* @__PURE__ */ jsx(ConsentNotice, {
+				title,
+				text: template(t.mediaThirdParty, { host: hostOf(src, origin) }),
+				actionLabel: t.mediaLoad,
+				onAccept: accept
+			}) : inline ? /* @__PURE__ */ jsx("iframe", {
+				className: PdfViewer_module_default.frame,
+				src: frameSrc,
+				title
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: PdfViewer_module_default.fallback,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: PdfViewer_module_default.fallbackIcon,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ jsx(FileTextIcon, { size: "lg" })
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: PdfViewer_module_default.notice,
+						children: t.mediaPdfFallback
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: PdfViewer_module_default.fallbackActions,
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "primary",
+							href: src,
+							target: "_blank",
+							iconStart: /* @__PURE__ */ jsx(ExternalLinkIcon, {}),
+							children: t.mediaPdfOpen
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							href: src,
+							download,
+							iconStart: /* @__PURE__ */ jsx(DownloadIcon, {}),
+							children: t.mediaPdfDownload
+						})]
+					})
+				]
+			})
+		})]
+	});
+}
+export { PdfViewer };

package/dist/media/PdfViewer/PdfViewer.module.js

@@ -0,0 +1,18 @@
+import './PdfViewer.css';
+// src/media/PdfViewer/PdfViewer.module.css
+var PdfViewer_module_default = {
+	"root": "sti-PdfViewer-root-57a53",
+	"head": "sti-PdfViewer-head-bdc9d",
+	"icon": "sti-PdfViewer-icon-08c18",
+	"titles": "sti-PdfViewer-titles-59622",
+	"title": "sti-PdfViewer-title-c335d",
+	"meta": "sti-PdfViewer-meta-f97e7",
+	"actions": "sti-PdfViewer-actions-bb6dd",
+	"body": "sti-PdfViewer-body-03c04",
+	"frame": "sti-PdfViewer-frame-09735",
+	"fallback": "sti-PdfViewer-fallback-3b589",
+	"fallbackIcon": "sti-PdfViewer-fallbackIcon-c88fc",
+	"fallbackActions": "sti-PdfViewer-fallbackActions-49f08",
+	"notice": "sti-PdfViewer-notice-06495"
+};
+export { PdfViewer_module_default as default };

package/dist/media/VideoPlayer/VideoPlayer.js

@@ -2,8 +2,8 @@
 import { useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
 import { Spinner } from "../../components/Spinner/Spinner.js";
-import { IconButton } from "../../components/IconButton/IconButton.js";
 import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
 import { PlayIcon } from "../../icons/generated/PlayIcon.js";
 import { ConsentNotice } from "../_internal/consent/ConsentNotice.js";
 import { MediaTransport, SORTED_RATES } from "../_internal/transport/MediaTransport.js";

package/dist/media/VideoThumbnail/VideoThumbnail.js

@@ -1,5 +1,5 @@
-import { isoDuration } from "../../components/Duration/Duration.js";
 import { PlayIcon } from "../../icons/generated/PlayIcon.js";
+import { isoDuration } from "../../components/Duration/Duration.js";
 import { formatClock } from "../_internal/clock.js";
 import VideoThumbnail_module_default from "./VideoThumbnail.module.js";
 import { VideoThumbnailLink } from "./VideoThumbnailLink.js";