@v1ct0rbr/minivault-web 0.1.0 → 0.2.0

package/dist/minivault-web.js

@@ -1760,28 +1760,47 @@ function X() {
 	] });
 }
 //#endregion
+//#region src/hooks/useAutoTheme.ts
+function Z() {
+	return typeof document < "u" && document.documentElement.classList.contains("dark");
+}
+function Q(e) {
+	let [t, n] = o(Z), [i, a] = o(() => typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches === !0);
+	return r(() => {
+		let e = document.documentElement, t = new MutationObserver(() => n(Z()));
+		return t.observe(e, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}), () => t.disconnect();
+	}, []), r(() => {
+		if (typeof window > "u" || !window.matchMedia) return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => a(e.matches);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), e || (t || i ? "dark" : "light");
+}
+//#endregion
 //#region src/components/MinivaultModule.tsx
-function Z(e) {
-	let { companyAcronym: t = "Minivault", theme: n = "light", refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, [l] = o(() => new s({ defaultOptions: { queries: {
+function $(e) {
+	let { companyAcronym: t = "Minivault", theme: n, refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, l = Q(n), [u] = o(() => new s({ defaultOptions: { queries: {
 		refetchInterval: r,
 		retry: 1
 	} } }));
 	return /* @__PURE__ */ p(c, {
-		client: l,
+		client: u,
 		children: /* @__PURE__ */ p(y, {
 			...a,
 			children: /* @__PURE__ */ m("div", {
-				className: "minivault-module h-100 w-100 overflow-auto",
-				"data-minivault-theme": n,
-				children: [/* @__PURE__ */ p(Q, {
+				className: "minivault-module h-full w-full overflow-auto",
+				"data-minivault-theme": l,
+				children: [/* @__PURE__ */ p(ee, {
 					companyAcronym: t,
-					theme: n
-				}), /* @__PURE__ */ p($, { storageType: i })]
+					theme: l
+				}), /* @__PURE__ */ p(te, { storageType: i })]
 			})
 		})
 	});
 }
-function Q({ companyAcronym: e, theme: t }) {
+function ee({ companyAcronym: e, theme: t }) {
 	return /* @__PURE__ */ m("div", {
 		className: "d-flex align-items-center justify-content-between flex-wrap gap-2 px-3 py-2 border-bottom",
 		style: {
@@ -1810,7 +1829,7 @@ function Q({ companyAcronym: e, theme: t }) {
 		})]
 	});
 }
-function $({ storageType: e }) {
+function te({ storageType: e }) {
 	let [t, n] = o("backups");
 	return /* @__PURE__ */ m("div", {
 		className: "p-3",
@@ -1876,4 +1895,4 @@ function $({ storageType: e }) {
 	});
 }
 //#endregion
-export { G as BackupsTab, J as CreateBackupTab, H as CredentialsFields, L as DATABASE_TYPE_LABELS, X as ImportDumpTab, g as MinivaultApi, h as MinivaultApiError, y as MinivaultApiProvider, Z as MinivaultModule, U as RestoreModal, I as STATUS_BADGE, F as STATUS_LABELS, R as StatusBadge, Y as StorageExplorerTab, P as formatDate, N as formatFileSize, C as useBackups, w as useCreateBackup, E as useDeleteBackup, O as useDownloadBackup, k as useImportDump, A as useImportFromStorage, b as useMinivaultApi, T as useRestoreBackup };
+export { G as BackupsTab, J as CreateBackupTab, H as CredentialsFields, L as DATABASE_TYPE_LABELS, X as ImportDumpTab, g as MinivaultApi, h as MinivaultApiError, y as MinivaultApiProvider, $ as MinivaultModule, U as RestoreModal, I as STATUS_BADGE, F as STATUS_LABELS, R as StatusBadge, Y as StorageExplorerTab, P as formatDate, N as formatFileSize, C as useBackups, w as useCreateBackup, E as useDeleteBackup, O as useDownloadBackup, k as useImportDump, A as useImportFromStorage, b as useMinivaultApi, T as useRestoreBackup };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@v1ct0rbr/minivault-web",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Módulo independente de gerenciamento de backups (minivault). Consumível como pacote npm em qualquer app React. Cliente do minivault REST API (acesso tipicamente via proxy autenticado).",
   "author": "Victor Queiroga (https://www.linkedin.com/in/victor-queiroga)",
   "license": "MIT",