@stisocial/ui 0.2.1 → 0.3.0

package/dist/components/FilePreview/FilePreview.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+export interface FilePreviewProps {
+  /** Dosya adı (zorunlu): başlık ve erişilebilir ad. */
+  name: string;
+  /** Dosya adresi (`https:`, `blob:`, göreli; görselde `data:image/…`). Güvensiz adres gösterilmez. */
+  url?: string;
+  /** MIME türü; verilmezse uzantıdan tahmin edilir. */
+  type?: string;
+  /** Bayt cinsinden boyut. */
+  size?: number;
+  /** Metin dosyalarının içeriği (CSV, JSON, kod, düz metin): bileşen ağdan okumaz. */
+  text?: string;
+  /** Görselin alt metni; verilmezse dosya adı. */
+  alt?: string;
+  /** Ön izleme alanının yüksekliği. */
+  height?: "sm" | "md" | "lg";
+  /** İndirme bağlantısı (varsayılan açık; adres varsa). */
+  allowDownload?: boolean;
+  /** Başlıkta ek eylemler. */
+  actions?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * Dosya ön izlemesi: görsel, PDF, video, ses, CSV (tablo), JSON ve kod (renklendirilmiş), düz
+ * metin; desteklenmeyen türde açıklayıcı kart ve indirme. Başlıkta ad, tür ve boyut; yeni sekmede
+ * açma ve indirme. Adres şeması denetlenir (betik çalıştırabilecek adres gösterilmez).
+ */
+export declare function FilePreview({ name, url, type, size, text, alt, height, allowDownload, actions, className, id }: FilePreviewProps): import("react").JSX.Element;

package/dist/components/FilePreview/FilePreview.js

@@ -0,0 +1,237 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { ExternalLinkIcon } from "../../icons/generated/ExternalLinkIcon.js";
+import { FileTextIcon } from "../../icons/generated/FileTextIcon.js";
+import { CodeBlock } from "../CodeBlock/CodeBlock.js";
+import { DownloadIcon } from "../../icons/generated/DownloadIcon.js";
+import { FileIcon } from "../../icons/generated/FileIcon.js";
+import { ImageIcon } from "../../icons/generated/ImageIcon.js";
+import { TableIcon } from "../../icons/generated/TableIcon.js";
+import { VideoIcon } from "../../icons/generated/VideoIcon.js";
+import { CodeIcon } from "../../icons/generated/CodeIcon.js";
+import { Table } from "../Table/Table.js";
+import FilePreview_module_default from "./FilePreview.module.js";
+import { isSafePreviewUrl, mimeOf, parseCsv, previewKind } from "./previewKind.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement, useMemo } from "react";
+// src/components/FilePreview/FilePreview.tsx
+const CSV_ROWS = 100;
+/** Kod bloğunun yüksekliği ön izleme alanıyla aynı ölçekte (kod bloğu basamakları daha kısadır). */
+const CODE_HEIGHT = {
+	sm: "md",
+	md: "lg",
+	lg: "lg"
+};
+const LANG = {
+	"text/javascript": "javascript",
+	"text/typescript": "typescript",
+	"text/css": "css",
+	"text/html": "html",
+	"application/sql": "sql",
+	"application/json": "json"
+};
+const ICONS = {
+	image: /* @__PURE__ */ jsx(ImageIcon, {}),
+	pdf: /* @__PURE__ */ jsx(FileTextIcon, {}),
+	video: /* @__PURE__ */ jsx(VideoIcon, {}),
+	audio: /* @__PURE__ */ jsx(FileIcon, {}),
+	csv: /* @__PURE__ */ jsx(TableIcon, {}),
+	json: /* @__PURE__ */ jsx(CodeIcon, {}),
+	code: /* @__PURE__ */ jsx(CodeIcon, {}),
+	text: /* @__PURE__ */ jsx(FileTextIcon, {}),
+	none: /* @__PURE__ */ jsx(FileIcon, {})
+};
+/**
+* Dosya ön izlemesi: görsel, PDF, video, ses, CSV (tablo), JSON ve kod (renklendirilmiş), düz
+* metin; desteklenmeyen türde açıklayıcı kart ve indirme. Başlıkta ad, tür ve boyut; yeni sekmede
+* açma ve indirme. Adres şeması denetlenir (betik çalıştırabilecek adres gösterilmez).
+*/
+function FilePreview({ name, url, type, size, text, alt, height = "md", allowDownload = true, actions, className, id }) {
+	const t = useMessages();
+	const fmt = useFormatter();
+	const mime = mimeOf(name, type);
+	const kind = previewKind(mime);
+	const safe = url !== void 0 && isSafePreviewUrl(url, kind);
+	const unsafe = url !== void 0 && !safe;
+	const csv = useMemo(() => kind === "csv" && text !== void 0 ? parseCsv(text, 101) : null, [kind, text]);
+	const meta = [t[KIND_LABEL[kind]], size !== void 0 ? fmt.fileSize(size) : null].filter(Boolean).join(" · ");
+	const viewer = () => {
+		if (unsafe) return /* @__PURE__ */ jsx(Notice, {
+			icon: ICONS[kind],
+			children: t.filePreviewUnsafe
+		});
+		switch (kind) {
+			case "image": return safe ? /* @__PURE__ */ jsx("img", {
+				className: FilePreview_module_default.image,
+				src: url,
+				alt: alt ?? name,
+				loading: "lazy",
+				decoding: "async"
+			}) : null;
+			case "pdf": return safe ? /* @__PURE__ */ jsx("object", {
+				className: FilePreview_module_default.frame,
+				data: url,
+				type: "application/pdf",
+				"aria-label": name,
+				children: /* @__PURE__ */ jsx(Notice, {
+					icon: ICONS.pdf,
+					children: t.filePreviewPdfFallback
+				})
+			}) : null;
+			case "video": return safe ? /* @__PURE__ */ jsx("video", {
+				className: FilePreview_module_default.media,
+				src: url,
+				controls: true,
+				preload: "metadata",
+				"aria-label": name
+			}) : null;
+			case "audio": return safe ? /* @__PURE__ */ jsx("div", {
+				className: FilePreview_module_default.audioBox,
+				children: /* @__PURE__ */ jsx("audio", {
+					className: FilePreview_module_default.audio,
+					src: url,
+					controls: true,
+					preload: "metadata",
+					"aria-label": name
+				})
+			}) : null;
+			case "csv":
+				if (!csv || csv.length === 0) break;
+				return /* @__PURE__ */ jsxs("div", {
+					className: FilePreview_module_default.csv,
+					children: [/* @__PURE__ */ jsx(Table, {
+						label: name,
+						size: "sm",
+						columns: (csv[0] ?? []).map((h, i) => ({
+							id: `c${i}`,
+							header: h || `${i + 1}`,
+							isNumeric: isNumericColumn(csv.slice(1, 101), i)
+						})),
+						rows: csv.slice(1, 101).map((r, ri) => ({
+							id: String(ri),
+							...Object.fromEntries(r.map((v, i) => [`c${i}`, v]))
+						}))
+					}), csv.length > CSV_ROWS ? /* @__PURE__ */ jsx("p", {
+						className: FilePreview_module_default.note,
+						children: template(t.filePreviewRowsShown, { count: CSV_ROWS })
+					}) : null]
+				});
+			case "json":
+			case "code":
+			case "text":
+				if (text === void 0) break;
+				return /* @__PURE__ */ jsx(CodeBlock, {
+					code: kind === "json" ? prettyJson(text) : text,
+					language: LANG[mime] ?? "plain",
+					label: name,
+					showLanguage: false,
+					showLineNumbers: kind !== "text",
+					wrap: kind === "text",
+					maxHeight: CODE_HEIGHT[height],
+					className: FilePreview_module_default.code
+				});
+		}
+		return /* @__PURE__ */ jsx(Notice, {
+			icon: ICONS[kind],
+			children: t.filePreviewUnsupported
+		});
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		"aria-label": name,
+		className: [FilePreview_module_default.root, className].filter(Boolean).join(" "),
+		"data-kind": kind,
+		"data-height": height,
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: FilePreview_module_default.head,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: FilePreview_module_default.icon,
+					"aria-hidden": "true",
+					children: ICONS[kind]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: FilePreview_module_default.names,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: FilePreview_module_default.name,
+						children: name
+					}), meta ? /* @__PURE__ */ jsx("span", {
+						className: FilePreview_module_default.meta,
+						children: meta
+					}) : null]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: FilePreview_module_default.actions,
+					children: [
+						actions,
+						safe ? /* @__PURE__ */ jsx("a", {
+							className: FilePreview_module_default.action,
+							href: url,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							"aria-label": template(t.filePreviewOpen, { name }),
+							title: template(t.filePreviewOpen, { name }),
+							children: /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+						}) : null,
+						safe && allowDownload ? /* @__PURE__ */ jsx("a", {
+							className: FilePreview_module_default.action,
+							href: url,
+							download: name,
+							rel: "noopener",
+							"aria-label": template(t.filePreviewDownload, { name }),
+							title: template(t.filePreviewDownload, { name }),
+							children: /* @__PURE__ */ jsx(DownloadIcon, {})
+						}) : null
+					]
+				})
+			]
+		}), (() => {
+			const content = viewer();
+			const notice = isValidElement(content) && content.type === Notice;
+			return /* @__PURE__ */ jsx("div", {
+				className: FilePreview_module_default.viewer,
+				"data-notice": notice ? "" : void 0,
+				children: content
+			});
+		})()]
+	});
+}
+function Notice({ icon, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: FilePreview_module_default.notice,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: FilePreview_module_default.noticeIcon,
+			"aria-hidden": "true",
+			children: icon
+		}), /* @__PURE__ */ jsx("p", {
+			className: FilePreview_module_default.noticeText,
+			children
+		})]
+	});
+}
+/** Sütunun boş olmayan bütün değerleri sayı mı (Türkçe ya da İngilizce yazım). */
+function isNumericColumn(rows, i) {
+	const values = rows.map((r) => (r[i] ?? "").trim()).filter(Boolean);
+	return values.length > 0 && values.every((v) => /^[-+]?(\d{1,3}([.,]\d{3})*|\d+)([.,]\d+)?%?$/.test(v));
+}
+/** JSON'u okunur girintiyle; geçersizse olduğu gibi. */
+function prettyJson(text) {
+	try {
+		return JSON.stringify(JSON.parse(text), null, 2);
+	} catch {
+		return text;
+	}
+}
+const KIND_LABEL = {
+	image: "filePreviewKindImage",
+	pdf: "filePreviewKindPdf",
+	video: "filePreviewKindVideo",
+	audio: "filePreviewKindAudio",
+	csv: "filePreviewKindCsv",
+	json: "filePreviewKindJson",
+	code: "filePreviewKindCode",
+	text: "filePreviewKindText",
+	none: "filePreviewKindFile"
+};
+export { FilePreview };

package/dist/components/FilePreview/FilePreview.module.js

@@ -0,0 +1,25 @@
+import './FilePreview.css';
+// src/components/FilePreview/FilePreview.module.css
+var FilePreview_module_default = {
+	"root": "sti-FilePreview-root-eefc6",
+	"head": "sti-FilePreview-head-66e06",
+	"icon": "sti-FilePreview-icon-25d02",
+	"names": "sti-FilePreview-names-95a7c",
+	"name": "sti-FilePreview-name-04b8f",
+	"meta": "sti-FilePreview-meta-2016f",
+	"actions": "sti-FilePreview-actions-28a94",
+	"action": "sti-FilePreview-action-761f1",
+	"viewer": "sti-FilePreview-viewer-7c2a7",
+	"image": "sti-FilePreview-image-d38b8",
+	"frame": "sti-FilePreview-frame-55ba1",
+	"media": "sti-FilePreview-media-a43f8",
+	"audioBox": "sti-FilePreview-audioBox-b73ac",
+	"audio": "sti-FilePreview-audio-e32f0",
+	"csv": "sti-FilePreview-csv-60484",
+	"note": "sti-FilePreview-note-47f0a",
+	"code": "sti-FilePreview-code-c30c8",
+	"notice": "sti-FilePreview-notice-eb990",
+	"noticeIcon": "sti-FilePreview-noticeIcon-873fe",
+	"noticeText": "sti-FilePreview-noticeText-2db2e"
+};
+export { FilePreview_module_default as default };

package/dist/components/FilePreview/index.d.ts

@@ -0,0 +1,3 @@
+import { FilePreview, FilePreviewProps } from "./FilePreview.js";
+import { PreviewKind, isSafePreviewUrl, mimeOf, parseCsv, previewKind } from "./previewKind.js";
+export { FilePreview, FilePreviewProps, PreviewKind, isSafePreviewUrl, mimeOf, parseCsv, previewKind };

package/dist/components/FilePreview/previewKind.d.ts

@@ -0,0 +1,15 @@
+export type PreviewKind = "image" | "pdf" | "video" | "audio" | "csv" | "json" | "code" | "text" | "none";
+/** Dosya türü: verilen MIME türü, yoksa uzantıdan tahmin. */
+export declare function mimeOf(name: string, type?: string): string;
+/** Ön izleme biçimi. HTML ve SVG metin olarak değil, yalnız güvenli biçimde gösterilir. */
+export declare function previewKind(mime: string): PreviewKind;
+/**
+ * Ön izlemede kullanılabilir adres mi: `https:`, `http:`, `blob:`, göreli adres ve yalnız görselde
+ * `data:image/…`. `javascript:`, `data:text/html` gibi betik çalıştırabilecek adresler reddedilir.
+ */
+export declare function isSafePreviewUrl(raw: string, kind: PreviewKind): boolean;
+/**
+ * Küçük CSV ayrıştırıcı: tırnaklı alanlar, kaçışlı tırnak (""), alan içinde satır sonu; ayraç
+ * kendiliğinden (`;` sayısı `,`'tan çoksa `;`). En çok `maxRows` satır döner.
+ */
+export declare function parseCsv(text: string, maxRows?: number): string[][];

package/dist/components/FilePreview/previewKind.js

@@ -0,0 +1,103 @@
+// src/components/FilePreview/previewKind.ts
+const EXT = {
+	png: "image/png",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	gif: "image/gif",
+	webp: "image/webp",
+	avif: "image/avif",
+	svg: "image/svg+xml",
+	pdf: "application/pdf",
+	mp4: "video/mp4",
+	webm: "video/webm",
+	mov: "video/quicktime",
+	mp3: "audio/mpeg",
+	wav: "audio/wav",
+	ogg: "audio/ogg",
+	m4a: "audio/mp4",
+	csv: "text/csv",
+	json: "application/json",
+	txt: "text/plain",
+	md: "text/markdown",
+	log: "text/plain",
+	js: "text/javascript",
+	ts: "text/typescript",
+	css: "text/css",
+	html: "text/html",
+	sql: "application/sql"
+};
+/** Dosya türü: verilen MIME türü, yoksa uzantıdan tahmin. */
+function mimeOf(name, type) {
+	if (type?.trim()) return type.trim().toLowerCase();
+	const ext = name.toLowerCase().split(".").pop() ?? "";
+	return EXT[ext] ?? "application/octet-stream";
+}
+/** Ön izleme biçimi. HTML ve SVG metin olarak değil, yalnız güvenli biçimde gösterilir. */
+function previewKind(mime) {
+	if (mime.startsWith("image/")) return "image";
+	if (mime === "application/pdf") return "pdf";
+	if (mime.startsWith("video/")) return "video";
+	if (mime.startsWith("audio/")) return "audio";
+	if (mime === "text/csv") return "csv";
+	if (mime === "application/json") return "json";
+	if (/^text\/(javascript|typescript|css|html)$|^application\/sql$/.test(mime)) return "code";
+	if (mime.startsWith("text/")) return "text";
+	return "none";
+}
+/**
+* Ön izlemede kullanılabilir adres mi: `https:`, `http:`, `blob:`, göreli adres ve yalnız görselde
+* `data:image/…`. `javascript:`, `data:text/html` gibi betik çalıştırabilecek adresler reddedilir.
+*/
+function isSafePreviewUrl(raw, kind) {
+	const url = raw.trim().replace(/[\u0000-\u001f\u007f-\u009f\s]/g, "");
+	if (!url) return false;
+	const match = /^([a-z][a-z0-9+.-]*):/i.exec(url);
+	if (!match) return true;
+	const scheme = (match[1] ?? "").toLowerCase();
+	if (scheme === "https" || scheme === "http" || scheme === "blob") return true;
+	if (scheme === "data") return kind === "image" && /^data:image\/(png|jpe?g|gif|webp|avif|svg\+xml)[;,]/i.test(url);
+	return false;
+}
+/**
+* Küçük CSV ayrıştırıcı: tırnaklı alanlar, kaçışlı tırnak (""), alan içinde satır sonu; ayraç
+* kendiliğinden (`;` sayısı `,`'tan çoksa `;`). En çok `maxRows` satır döner.
+*/
+function parseCsv(text, maxRows = 200) {
+	const src = text.replace(/^/, "");
+	const firstLine = src.split(/\r?\n/, 1)[0] ?? "";
+	const sep = (firstLine.match(/;/g)?.length ?? 0) > (firstLine.match(/,/g)?.length ?? 0) ? ";" : ",";
+	const rows = [];
+	let row = [];
+	let cell = "";
+	let quoted = false;
+	for (let i = 0; i < src.length; i++) {
+		const ch = src[i];
+		if (quoted) {
+			if (ch === "\"") {
+				if (src[i + 1] === "\"") {
+					cell += "\"";
+					i++;
+				} else quoted = false;
+			} else cell += ch;
+			continue;
+		}
+		if (ch === "\"" && cell === "") quoted = true;
+		else if (ch === sep) {
+			row.push(cell);
+			cell = "";
+		} else if (ch === "\n" || ch === "\r") {
+			if (ch === "\r" && src[i + 1] === "\n") i++;
+			row.push(cell);
+			rows.push(row);
+			if (rows.length >= maxRows) return rows;
+			row = [];
+			cell = "";
+		} else cell += ch;
+	}
+	if (cell !== "" || row.length > 0) {
+		row.push(cell);
+		rows.push(row);
+	}
+	return rows;
+}
+export { isSafePreviewUrl, mimeOf, parseCsv, previewKind };

package/dist/components/FileUpload/FileUpload.css

@@ -1,10 +1,10 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-FileUpload-zone-10166 {
+  .sti-FileUpload-zone-39b02 {
     align-items: center;
     gap: var(--sti-space-2);
-    padding: var(--sti-space-6) var(--sti-space-4);
-    border: var(--sti-border-width-strong) dashed var(--sti-border-control);
+    padding: var(--sti-space-6) var(--sti-space-5);
+    border: var(--sti-border-width-strong) dashed var(--sti-border);
     border-radius: var(--sti-radius-lg);
     background: var(--sti-bg-subtle);
     color: var(--sti-fg);
@@ -15,54 +15,66 @@
     display: flex;
   }
 
-  .sti-FileUpload-zone-10166[data-drop-target] {
+  .sti-FileUpload-zone-39b02[data-drop-target] {
     border-color: var(--sti-fg-accent);
     background: var(--sti-bg-accent-subtle);
   }
 
-  .sti-FileUpload-zone-10166[data-focus-visible] {
+  .sti-FileUpload-zone-39b02[data-focus-visible] {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
     outline-offset: var(--sti-focus-ring-offset);
   }
 
-  .sti-FileUpload-root-595eb[data-invalid] .sti-FileUpload-zone-10166 {
+  .sti-FileUpload-root-21d70[data-invalid] .sti-FileUpload-zone-39b02 {
     border-color: var(--sti-fg-danger);
   }
 
-  .sti-FileUpload-root-595eb[data-disabled] .sti-FileUpload-zone-10166 {
+  .sti-FileUpload-root-21d70[data-disabled] .sti-FileUpload-zone-39b02 {
     opacity: var(--sti-opacity-disabled);
   }
 
-  .sti-FileUpload-zoneIcon-9bc53 {
+  .sti-FileUpload-zoneIcon-c3773 {
+    box-sizing: content-box;
+    padding: var(--sti-space-2);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-surface);
+    box-shadow: var(--sti-shadow-sm);
     color: var(--sti-fg-muted);
-    font-size: var(--sti-icon-lg);
+    font-size: var(--sti-icon-md);
+    transition: color var(--sti-duration-fast) var(--sti-ease-snap),
+      background-color var(--sti-duration-fast) var(--sti-ease-snap);
+    margin-block-end: var(--sti-space-1);
   }
 
-  .sti-FileUpload-zone-10166[data-drop-target] .sti-FileUpload-zoneIcon-9bc53 {
-    color: var(--sti-fg-accent);
+  .sti-FileUpload-zone-39b02[data-drop-target] .sti-FileUpload-zoneIcon-c3773 {
+    border-color: var(--sti-border-accent);
+    background: var(--sti-fill-accent);
+    color: var(--sti-fg-on-accent);
   }
 
-  .sti-FileUpload-zoneText-ece9f {
+  .sti-FileUpload-zoneText-14824 {
+    font-weight: var(--sti-font-weight-medium);
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
   }
 
-  .sti-FileUpload-hint-11116 {
+  .sti-FileUpload-hint-3ba9e {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-xs);
     line-height: var(--sti-line-height-xs);
   }
 
-  .sti-FileUpload-live-46ce7:empty {
+  .sti-FileUpload-live-3b64c:empty {
     margin-block-start: calc(var(--sti-field-gap) * -1);
   }
 
-  .sti-FileUpload-errors-c7aae {
+  .sti-FileUpload-errors-fd2db {
     gap: var(--sti-space-1);
     display: grid;
   }
 
-  .sti-FileUpload-list-93233 {
+  .sti-FileUpload-list-d2e56 {
     gap: var(--sti-space-2);
     margin: 0;
     padding: 0;
@@ -70,7 +82,7 @@
     display: grid;
   }
 
-  .sti-FileUpload-item-a9502 {
+  .sti-FileUpload-item-ed460 {
     align-items: start;
     gap: var(--sti-space-3);
     padding: var(--sti-space-3);
@@ -81,23 +93,23 @@
     display: grid;
   }
 
-  .sti-FileUpload-item-a9502[data-error] {
+  .sti-FileUpload-item-ed460[data-error] {
     border-color: var(--sti-border-danger);
   }
 
-  .sti-FileUpload-itemIcon-00a98 {
+  .sti-FileUpload-itemIcon-62c7d {
     color: var(--sti-fg-muted);
     font-size: var(--sti-icon-md);
     margin-block-start: .125rem;
   }
 
-  .sti-FileUpload-itemBody-eb40c {
+  .sti-FileUpload-itemBody-9dbbd {
     gap: var(--sti-space-1);
     min-width: 0;
     display: grid;
   }
 
-  .sti-FileUpload-itemName-0175d {
+  .sti-FileUpload-itemName-84fbd {
     color: var(--sti-fg);
     font-size: var(--sti-font-size-sm);
     font-weight: var(--sti-font-weight-medium);
@@ -107,7 +119,7 @@
     overflow: hidden;
   }
 
-  .sti-FileUpload-itemMeta-7dbf9 {
+  .sti-FileUpload-itemMeta-4ddf5 {
     gap: var(--sti-space-2);
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-xs);
@@ -116,14 +128,14 @@
     display: flex;
   }
 
-  .sti-FileUpload-done-eb04f {
+  .sti-FileUpload-done-c8451 {
     align-items: center;
     gap: var(--sti-space-1);
     color: var(--sti-fg-success-strong);
     display: inline-flex;
   }
 
-  .sti-FileUpload-native-a85ae {
+  .sti-FileUpload-native-9cfbb {
     clip-path: inset(50%);
     white-space: nowrap;
     width: 1px;
@@ -133,13 +145,13 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .sti-FileUpload-zone-10166 {
+    .sti-FileUpload-zone-39b02 {
       transition: none;
     }
   }
 
   @media (forced-colors: active) {
-    .sti-FileUpload-zone-10166[data-drop-target] {
+    .sti-FileUpload-zone-39b02[data-drop-target] {
       border-color: highlight;
     }
   }

package/dist/components/FileUpload/FileUpload.js

@@ -1,12 +1,12 @@
 "use client";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
+import { Button as Button$1 } from "../Button/Button.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { fieldStyles } from "../Field/Field.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { CloseIcon } from "../../icons/generated/CloseIcon.js";
 import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
-import { Button as Button$1 } from "../Button/Button.js";
 import { FileIcon } from "../../icons/generated/FileIcon.js";
 import { UploadIcon } from "../../icons/generated/UploadIcon.js";
 import { ProgressBar as ProgressBar$1 } from "../ProgressBar/ProgressBar.js";

package/dist/components/FileUpload/FileUpload.module.js

@@ -1,20 +1,20 @@
 import './FileUpload.css';
 // src/components/FileUpload/FileUpload.module.css
 var FileUpload_module_default = {
-	"zone": "sti-FileUpload-zone-10166",
-	"root": "sti-FileUpload-root-595eb",
-	"zoneIcon": "sti-FileUpload-zoneIcon-9bc53",
-	"zoneText": "sti-FileUpload-zoneText-ece9f",
-	"hint": "sti-FileUpload-hint-11116",
-	"live": "sti-FileUpload-live-46ce7",
-	"errors": "sti-FileUpload-errors-c7aae",
-	"list": "sti-FileUpload-list-93233",
-	"item": "sti-FileUpload-item-a9502",
-	"itemIcon": "sti-FileUpload-itemIcon-00a98",
-	"itemBody": "sti-FileUpload-itemBody-eb40c",
-	"itemName": "sti-FileUpload-itemName-0175d",
-	"itemMeta": "sti-FileUpload-itemMeta-7dbf9",
-	"done": "sti-FileUpload-done-eb04f",
-	"native": "sti-FileUpload-native-a85ae"
+	"zone": "sti-FileUpload-zone-39b02",
+	"root": "sti-FileUpload-root-21d70",
+	"zoneIcon": "sti-FileUpload-zoneIcon-c3773",
+	"zoneText": "sti-FileUpload-zoneText-14824",
+	"hint": "sti-FileUpload-hint-3ba9e",
+	"live": "sti-FileUpload-live-3b64c",
+	"errors": "sti-FileUpload-errors-fd2db",
+	"list": "sti-FileUpload-list-d2e56",
+	"item": "sti-FileUpload-item-ed460",
+	"itemIcon": "sti-FileUpload-itemIcon-62c7d",
+	"itemBody": "sti-FileUpload-itemBody-9dbbd",
+	"itemName": "sti-FileUpload-itemName-84fbd",
+	"itemMeta": "sti-FileUpload-itemMeta-4ddf5",
+	"done": "sti-FileUpload-done-c8451",
+	"native": "sti-FileUpload-native-9cfbb"
 };
 export { FileUpload_module_default as default };