@plutonhq/core-frontend 0.0.6 → 0.0.7

package/dist-lib/components/App/App/App.js

@@ -6,7 +6,7 @@ import { ToastContainer as f, Slide as h } from "react-toastify";
 import u from "../SideNav/SideNav.js";
 import { API_URL as x } from "../../../utils/constants.js";
 import g from "../AppContent/AppContent.js";
-import s from "./App.module.scss.js";
+import s from "./App.module.scss";
 import { useTheme as S } from "../../../context/ThemeContext.js";
 import { usePwaAutoUpdate as T } from "../../../hooks/usePwaAutoUpdate.js";
 import { useGetSettings as A } from "../../../services/settings.js";

package/dist-lib/components/App/AppContent/AppContent.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import n from "./AppContent.module.scss.js";
+import n from "./AppContent.module.scss";
 const s = ({ children: t }) => /* @__PURE__ */ e("div", { className: n.appContentWrap, children: /* @__PURE__ */ e("div", { className: n.appContent, children: /* @__PURE__ */ e("div", { className: n.appContentInner, children: t }) }) });
 export {
   s as default

package/dist-lib/components/App/Footer/Footer.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as t, jsxs as r } from "react/jsx-runtime";
-import o from "./Footer.module.scss.js";
+import o from "./Footer.module.scss";
 const c = ({ version: a = "1.0.0", hideUpgradeLink: l = !1, changeLogUrl: n }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ r("div", { className: o.footer, children: [
   /* @__PURE__ */ r("span", { children: [
     "Pluton v",

package/dist-lib/components/App/SideNav/SideNav.js

@@ -4,7 +4,7 @@ import { useState as p } from "react";
 import { useLogout as r } from "../../../services/users.js";
 import a from "../../common/Icon/Icon.js";
 import c from "../../common/Logo/Logo.js";
-import o from "./SideNav.module.scss.js";
+import o from "./SideNav.module.scss";
 import u from "../../common/Modal/Modal.js";
 import { isMobile as l } from "../../../utils/helpers.js";
 const N = () => {

package/dist-lib/components/Device/DeviceBackups/DeviceBackups.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as s, Fragment as v } from "react/jsx-runtime";
 import { useMemo as N } from "react";
 import { NavLink as h } from "react-router";
 import n from "../../common/Icon/Icon.js";
-import e from "./DeviceBackups.module.scss.js";
+import e from "./DeviceBackups.module.scss";
 import { formatBytes as p } from "../../../utils/helpers.js";
 const w = ({ plans: l }) => {
   const m = N(() => {

package/dist-lib/components/Device/DeviceCPU/DeviceCPU.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import e from "../DeviceInfo/DeviceInfo.module.scss.js";
+import e from "../DeviceInfo/DeviceInfo.module.scss";
 import c from "../../common/Icon/Icon.js";
 import { getProcessorIcon as t } from "../../../utils/helpers.js";
 const N = ({ cpu: r }) => {

package/dist-lib/components/Device/DeviceInfo/DeviceInfo.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import r from "./DeviceInfo.module.scss.js";
+import r from "./DeviceInfo.module.scss";
 import f from "../DeviceNetworks/DeviceNetworks.js";
 import D from "../DeviceStorageDrives/DeviceStorageDrives.js";
 import g from "../DeviceStorageDisks/DeviceStorageDisks.js";

package/dist-lib/components/Device/DeviceItem/DeviceItem.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import s from "../../common/Icon/Icon.js";
-import e from "./DeviceItem.module.scss.js";
+import e from "./DeviceItem.module.scss";
 import { useNavigate as C, NavLink as I } from "react-router";
 import { useState as p } from "react";
 import { getOSIcon as k } from "../../../utils/helpers.js";

package/dist-lib/components/Device/DeviceMemory/DeviceMemory.js

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as v, jsx as e } from "react/jsx-runtime";
-import t from "../DeviceInfo/DeviceInfo.module.scss.js";
+import t from "../DeviceInfo/DeviceInfo.module.scss";
 import c from "../../common/Icon/Icon.js";
 import { formatBytes as s } from "../../../utils/helpers.js";
 import { useMemo as N } from "react";

package/dist-lib/components/Device/DeviceNetworks/DeviceNetworks.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import i from "../DeviceInfo/DeviceInfo.module.scss.js";
+import i from "../DeviceInfo/DeviceInfo.module.scss";
 import a from "../../common/Icon/Icon.js";
 const d = ({ network: c }) => /* @__PURE__ */ s("div", { className: i.networks, children: c.length > 0 && /* @__PURE__ */ r("div", { className: i.component, children: [
   /* @__PURE__ */ r("div", { className: i.componentTitle, children: [

package/dist-lib/components/Device/DeviceRcloneSettings/DeviceRcloneSettings.js

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import f from "../../common/form/Input/Input.js";
 import o from "../../common/form/NumberInput/NumberInput.js";
 import n from "../../common/form/SizePicker/SizePicker.js";
-import d from "../EditDevice/EditDevice.module.scss.js";
+import d from "../EditDevice/EditDevice.module.scss";
 const U = ({ settings: e = {}, onUpdate: m }) => {
   const i = e != null && e.bwlimit ? e == null ? void 0 : e.bwlimit.split(":") : "", h = Array.isArray(i) && i[0] && i[0] !== "off" ? i[0] : "", p = Array.isArray(i) && i[1] && i[1] !== "off" ? i[1] : "", a = (l, u) => {
     let c = u;

package/dist-lib/components/Device/DeviceResticSettings/DeviceResticSettings.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import d from "../../common/form/Input/Input.js";
 import o from "../../common/form/NumberInput/NumberInput.js";
-import l from "../EditDevice/EditDevice.module.scss.js";
+import l from "../EditDevice/EditDevice.module.scss";
 const h = ({ settings: e = {}, onUpdate: c }) => /* @__PURE__ */ i("div", { children: [
   /* @__PURE__ */ a("div", { className: l.field, children: /* @__PURE__ */ a(
     d,

package/dist-lib/components/Device/DeviceStorageDisks/DeviceStorageDisks.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import t from "../DeviceInfo/DeviceInfo.module.scss.js";
+import t from "../DeviceInfo/DeviceInfo.module.scss";
 import c from "../../common/Icon/Icon.js";
 import { formatBytes as s } from "../../../utils/helpers.js";
 const d = ({ storageDisks: r }) => /* @__PURE__ */ n("div", { className: t.component, children: [

package/dist-lib/components/Device/DeviceStorageDrives/DeviceStorageDrives.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import i from "../DeviceInfo/DeviceInfo.module.scss.js";
+import i from "../DeviceInfo/DeviceInfo.module.scss";
 import a from "../../common/Icon/Icon.js";
 import { formatBytes as o } from "../../../utils/helpers.js";
 const p = ({ storageDrives: l }) => /* @__PURE__ */ t("div", { className: i.component, children: [

package/dist-lib/components/Device/DeviceSystem/DeviceSystem.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import e from "../DeviceInfo/DeviceInfo.module.scss.js";
+import e from "../DeviceInfo/DeviceInfo.module.scss";
 import l from "../../common/Icon/Icon.js";
 import { getOSIcon as a } from "../../../utils/helpers.js";
 const h = ({ os: s, time: n }) => {

package/dist-lib/components/Device/EditDevice/EditDevice.js

@@ -3,7 +3,7 @@ import { useState as d, useEffect as w } from "react";
 import { toast as y } from "react-toastify";
 import l from "../../common/Icon/Icon.js";
 import T from "../../common/SidePanel/SidePanel.js";
-import s from "./EditDevice.module.scss.js";
+import s from "./EditDevice.module.scss";
 import U from "../../common/form/Input/Input.js";
 import { useUpdateDevice as R } from "../../../services/devices.js";
 import F from "../../common/FolderPicker/FolderPicker.js";

package/dist-lib/components/Plan/BackupEvents/BackupEvents.js

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as o, Fragment as g } from "react/jsx-runtime";
 import n from "../../common/Icon/Icon.js";
 import k from "../../common/SidePanel/SidePanel.js";
 import { getBackupEventActionMessage as L, getRestoreEventActionMessage as D } from "../../../utils/progressHelpers.js";
-import r from "./BackupEvents.module.scss.js";
+import r from "./BackupEvents.module.scss";
 import { useGetBackupProgressOnce as R } from "../../../services/backups.js";
 import { useGetRestoreProgressOnce as F } from "../../../services/restores.js";
 import { useState as M, useMemo as w } from "react";

package/dist-lib/components/Plan/BackupProgress/BackupProgress.js

@@ -4,7 +4,7 @@ import { useQueryClient as K } from "@tanstack/react-query";
 import { toast as F } from "react-toastify";
 import m from "../../common/Icon/Icon.js";
 import { useCancelBackup as L, useGetBackupProgress as T } from "../../../services/backups.js";
-import o from "./BackupProgress.module.scss.js";
+import o from "./BackupProgress.module.scss";
 import { timeAgo as U, formatDateTime as O, formatBytes as A, formatSeconds as Y } from "../../../utils/helpers.js";
 import { extractResticData as H, generateBackupProgressMessage as J, generateRestoreProgressMessage as V } from "../../../utils/progressHelpers.js";
 import W from "../../common/ActionModal/ActionModal.js";

package/dist-lib/components/Plan/Backups/Backups.js

@@ -3,7 +3,7 @@ import { useState as b } from "react";
 import { toast as g } from "react-toastify";
 import { formatDuration as I, formatBytes as K, formatNumberToK as Q, timeAgo as F, formatDateTime as C } from "../../../utils/helpers.js";
 import l from "../../common/Icon/Icon.js";
-import i from "./Backups.module.scss.js";
+import i from "./Backups.module.scss";
 import V from "../../common/ActionModal/ActionModal.js";
 import { useDeleteBackup as W, useDownloadBackup as Y, useCancelBackupDownload as J, useGetBackupDownload as X } from "../../../services/backups.js";
 import { useQueryClient as Z } from "@tanstack/react-query";

package/dist-lib/components/Plan/PlanBackups/PlanBackups.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { useState as v } from "react";
-import e from "./PlanBackups.module.scss.js";
+import e from "./PlanBackups.module.scss";
 import { formatBytes as N } from "../../../utils/helpers.js";
 import g from "../Restores/Restores.js";
 import B from "../Backups/Backups.js";

package/dist-lib/components/Plan/PlanForm/PlanForm.js

@@ -6,8 +6,8 @@ import R from "../../common/form/StoragePicker/StoragePicker.js";
 import z from "../PlanSettings/PlanStrategySettings.js";
 import L from "../PlanSettings/PlanSourceSettings.js";
 import V from "../../common/form/NumberInput/NumberInput.js";
-import t from "../AddPlan/AddPlan.module.scss.js";
-import c from "./PlanForm.module.scss.js";
+import t from "../AddPlan/AddPlan.module.scss";
+import c from "./PlanForm.module.scss";
 import { useGetSettings as q } from "../../../services/settings.js";
 import A from "../PlanSettings/PlanAdvancedSettings.js";
 import { isPlanSettingsValid as d } from "../../../utils/plans.js";

package/dist-lib/components/Plan/PlanForm/PlanFormNav.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import s from "../../common/Icon/Icon.js";
-import e from "./PlanForm.module.scss.js";
+import e from "./PlanForm.module.scss";
 const o = ({ step: d, type: c, gotoStep: l }) => /* @__PURE__ */ a("div", { className: `${e.steps} ${c === "edit" ? e.stepsEdit : ""}`, children: /* @__PURE__ */ i("ul", { children: [
   /* @__PURE__ */ i(
     "li",

package/dist-lib/components/Plan/PlanHistory/PlanHistory.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as m } from "react/jsx-runtime";
 import { formatDateTime as p, formatDuration as c } from "../../../utils/helpers.js";
-import o from "./PlanHistory.module.scss.js";
+import o from "./PlanHistory.module.scss";
 const w = ({ planId: r, history: s, itemsCount: a = 10 }) => {
   const l = s.length < a ? a - s.length : 0, u = {
     completed: "✔️ Completed",

package/dist-lib/components/Plan/PlanItems/PlanItem.js

@@ -4,7 +4,7 @@ import { toast as P } from "react-toastify";
 import { NavLink as F } from "react-router";
 import { formatBytes as H, timeAgo as j, formatDateTime as D } from "../../../utils/helpers.js";
 import n from "../../common/Icon/Icon.js";
-import t from "./PlanItem.module.scss.js";
+import t from "./PlanItem.module.scss";
 import { useDeletePlan as L, usePerformBackup as U, usePausePlan as G, useResumePlan as W } from "../../../services/plans.js";
 import { planIntervalName as Y } from "../../../utils/plans.js";
 import q from "../PlanHistory/PlanHistory.js";

package/dist-lib/components/Plan/PlanPendingBackup/PlanPendingBackup.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useEffect as u } from "react";
 import { useSearchParams as p } from "react-router";
 import { useCheckActiveBackups as m } from "../../../services/plans.js";
-import c from "./PlanPendingBackup.module.scss.js";
+import c from "./PlanPendingBackup.module.scss";
 import i from "../../common/Icon/Icon.js";
 const w = ({ planId: s, onPendingBackupDetect: o }) => {
   const [, l] = p(), d = m();

package/dist-lib/components/Plan/PlanProgress/PlanProgress.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import l from "../BackupProgress/BackupProgress.js";
 import m from "../PlanPendingBackup/PlanPendingBackup.js";
-import a from "./PlanProgress.module.scss.js";
+import a from "./PlanProgress.module.scss";
 const v = ({ plan: c, isBackupPending: n, activeBackups: d, activeRestores: r, refetchPlan: p }) => /* @__PURE__ */ i("div", { children: [
   n && /* @__PURE__ */ i("div", { className: a.activeBackups, children: [
     /* @__PURE__ */ e("div", { className: a.backupsHeader, children: /* @__PURE__ */ e("h3", { children: "Backup in Progress" }) }),

package/dist-lib/components/Plan/PlanRemoveModal/PlanRemoveModal.js

@@ -5,7 +5,7 @@ import { useNavigate as g } from "react-router";
 import f from "../../common/ActionModal/ActionModal.js";
 import { useDeletePlan as v } from "../../../services/plans.js";
 import P from "../../common/form/Toggle/Toggle.js";
-import R from "./PlanRemoveModal.module.scss.js";
+import R from "./PlanRemoveModal.module.scss";
 const w = ({ planId: r, taskPending: n, actionInProgress: m, close: i }) => {
   const [s, l] = d(!1), c = g(), o = v(), u = () => {
     if (m)

package/dist-lib/components/Plan/PlanSettings/PlanAdvancedSettings.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as i, Fragment as b } from "react/jsx-runtime";
 import { useState as P, useMemo as N } from "react";
 import l from "../../common/Icon/Icon.js";
-import n from "./PlanSettings.module.scss.js";
+import n from "./PlanSettings.module.scss";
 import g from "./PlanNotificationSettings.js";
 import h from "./PlanPruneSettings.js";
 import T from "./PlanPerformanceSettings.js";

package/dist-lib/components/Plan/PlanSettings/PlanGeneralSettings.js

@@ -1,7 +1,7 @@
 import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
 import o from "../../common/form/NumberInput/NumberInput.js";
 import n from "../../common/form/Toggle/Toggle.js";
-import r from "./PlanSettings.module.scss.js";
+import r from "./PlanSettings.module.scss";
 const h = ({ settings: i, onUpdate: a }) => {
   const { encryption: c, compression: d, retries: t, retryDelay: f } = i;
   return /* @__PURE__ */ s(m, { children: [

package/dist-lib/components/Plan/PlanSettings/PlanNotificationSettings.js

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as b, jsx as a } from "react/jsx-runtime";
-import s from "./PlanSettings.module.scss.js";
+import s from "./PlanSettings.module.scss";
 import y from "../../common/form/Select/Select.js";
 import O from "../../common/form/Input/Input.js";
 import E from "../../common/form/Toggle/Toggle.js";

package/dist-lib/components/Plan/PlanSettings/PlanPerformanceSettings.js

@@ -1,5 +1,5 @@
 import { jsxs as m, Fragment as d, jsx as l } from "react/jsx-runtime";
-import i from "./PlanSettings.module.scss.js";
+import i from "./PlanSettings.module.scss";
 import o from "../../common/form/Toggle/Toggle.js";
 import c from "../../common/form/NumberInput/NumberInput.js";
 const b = ({ plan: s, onUpdate: r }) => {

package/dist-lib/components/Plan/PlanSettings/PlanPruneSettings.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as n, jsx as l } from "react/jsx-runtime";
-import s from "./PlanSettings.module.scss.js";
+import s from "./PlanSettings.module.scss";
 import p from "../../common/form/Select/Select.js";
 import d from "../../common/form/Input/Input.js";
 import m from "../../common/form/Tristate/Tristate.js";

package/dist-lib/components/Plan/PlanSettings/PlanScriptsSettings.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import o from "./PlanSettings.module.scss.js";
+import o from "./PlanSettings.module.scss";
 import { useState as N } from "react";
 import u from "../../common/Icon/Icon.js";
 import k from "../../common/form/Toggle/Toggle.js";

package/dist-lib/components/Plan/PlanSettings/PlanSourceSettings.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as u, jsx as i } from "react/jsx-runtime";
-import c from "./PlanSettings.module.scss.js";
+import c from "./PlanSettings.module.scss";
 import m from "../../common/PathPicker/PathPicker.js";
 import { useGetDevices as f } from "../../../services/devices.js";
 import h from "../../common/form/Select/Select.js";

package/dist-lib/components/Plan/PlanSettings/PlanStrategySettings.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import s from "./PlanSettings.module.scss.js";
+import s from "./PlanSettings.module.scss";
 import i from "../../common/form/RadioIconSelect/RadioIconSelect.js";
 const n = ({ plan: t, options: a = [], disabled: o = !1, onUpdate: l }) => /* @__PURE__ */ e("div", { className: `${s.field}`, children: /* @__PURE__ */ e(
   i,

package/dist-lib/components/Plan/PlanSettings/PlanTypeSettings.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import i from "./PlanSettings.module.scss.js";
+import i from "./PlanSettings.module.scss";
 import t from "../../common/form/RadioIconSelect/RadioIconSelect.js";
 const f = ({ plan: o, options: r = [], disabled: l = !1, onUpdate: s }) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: `${i.field}`, children: /* @__PURE__ */ e(
   t,

package/dist-lib/components/Plan/PlanStats/PlanStats.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import a from "../../common/Icon/Icon.js";
 import { formatNumberToK as f, formatBytes as u } from "../../../utils/helpers.js";
 import S from "../PlanHistory/PlanHistory.js";
-import d from "./PlanStats.module.scss.js";
+import d from "./PlanStats.module.scss";
 const w = ({ plan: c, isSync: p, lastBackupItem: n }) => {
   const { sourceConfig: r, storage: e, storagePath: g, isActive: v, settings: N } = c, { interval: o } = N, m = (n == null ? void 0 : n.totalFiles) || 0, y = (n == null ? void 0 : n.totalSize) || 0, T = (l) => {
     let s = "";

package/dist-lib/components/Plan/Restores/Restores.js

@@ -5,7 +5,7 @@ import { useQueryClient as O } from "@tanstack/react-query";
 import m from "../../common/Icon/Icon.js";
 import $ from "../../common/ActionModal/ActionModal.js";
 import { formatDuration as F, formatNumberToK as j, formatBytes as q, timeAgo as C, formatDateTime as K } from "../../../utils/helpers.js";
-import t from "../Backups/Backups.module.scss.js";
+import t from "../Backups/Backups.module.scss";
 import Q from "../../common/StatusLabel/StatusLabel.js";
 import { useDeleteRestore as V } from "../../../services/restores.js";
 import Y from "../BackupEvents/BackupEvents.js";

package/dist-lib/components/Restore/RestoreChangeViewer/RestoreChangeViewer.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as o } from "react/jsx-runtime";
 import { useGetRestoreStats as a } from "../../../services/restores.js";
 import d from "../../common/Icon/Icon.js";
 import m from "../RestoredFileBrowser/RestoredFileBrowser.js";
-import r from "./RestoreChangeViewer.module.scss.js";
+import r from "./RestoreChangeViewer.module.scss";
 const f = ({ restore: t, close: c }) => {
   var l, i;
   const { data: e } = a(t.id);

package/dist-lib/components/Restore/RestoreFileSelector/RestoreFileSelector.js

@@ -4,7 +4,7 @@ import { FixedSizeList as le } from "react-window";
 import $ from "../../common/Icon/Icon.js";
 import { calculateDirectorySizes as ie, formatNumberToK as A, formatBytes as L, sortFileItems as V, formatDateTime as ne, isMobile as oe } from "../../../utils/helpers.js";
 import ae from "../../common/FileIcon/FileIcon.js";
-import c from "./RestoreFileSelector.module.scss.js";
+import c from "./RestoreFileSelector.module.scss";
 import { getPathSeparator as I, splitPath as g, getParentPath as M, normalizePath as P } from "../../../utils/restore.js";
 const de = oe(), he = de ? 65 : 45, Ne = ({ selected: T, files: a, isLoading: q, errorFetching: J, showChange: R, onSelect: O, fileSelectCondition: b }) => {
   const [p, E] = x(""), [k, Q] = x(""), [u, X] = x("name"), [y, _] = x("asc"), [m, Y] = x(() => ({

package/dist-lib/components/Restore/RestoreWizard/RestoreConfirmStep.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as o, Fragment as d } from "react/jsx-runtime";
 import i from "../../common/Icon/Icon.js";
 import { useRestoreBackup as v } from "../../../services/restores.js";
-import s from "./RestoreWizard.module.scss.js";
+import s from "./RestoreWizard.module.scss";
 const w = ({ backupId: l, planId: h, settings: t, stats: p, snapshotsStats: u, method: m, goBack: f, close: g }) => {
   var a;
   const e = v(), c = p, n = m === "sync", y = () => {

package/dist-lib/components/Restore/RestoreWizard/RestoreFileSelectorStep.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import n from "../../common/Icon/Icon.js";
 import x from "../RestoreFileSelector/RestoreFileSelector.js";
-import r from "./RestoreWizard.module.scss.js";
+import r from "./RestoreWizard.module.scss";
 const k = ({
   backupId: i,
   settings: l,

package/dist-lib/components/Restore/RestoreWizard/RestorePreviewStep.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as s, Fragment as u } from "react/jsx-runtime";
 import { useEffect as P } from "react";
-import o from "./RestoreWizard.module.scss.js";
+import o from "./RestoreWizard.module.scss";
 import { useGetDryRestoreStats as R } from "../../../services/restores.js";
 import B from "../RestoredFileBrowser/RestoredFileBrowser.js";
 import d from "../../common/Icon/Icon.js";

package/dist-lib/components/Restore/RestoreWizard/RestoreSettingsStep.js

@@ -3,7 +3,7 @@ import { useState as d } from "react";
 import w from "../../common/form/Select/Select.js";
 import k from "../../common/form/Input/Input.js";
 import t from "../../common/Icon/Icon.js";
-import l from "./RestoreWizard.module.scss.js";
+import l from "./RestoreWizard.module.scss";
 import u from "../../common/FolderPicker/FolderPicker.js";
 import b from "../../common/form/Toggle/Toggle.js";
 const R = ({ backupId: s, settings: i, updateSettings: c, goNext: v, close: f }) => {

package/dist-lib/components/Restore/RestoreWizard/RestoreWizard.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { useState as h, useMemo as x } from "react";
 import { useIsFetching as P, useIsMutating as R } from "@tanstack/react-query";
 import o from "../../common/Icon/Icon.js";
-import s from "./RestoreWizard.module.scss.js";
+import s from "./RestoreWizard.module.scss";
 import k from "./RestoreSettingsStep.js";
 import $ from "./RestorePreviewStep.js";
 import C from "./RestoreConfirmStep.js";

package/dist-lib/components/Restore/RestoredFileBrowser/RestoredFileBrowser.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { useState as b, useMemo as E } from "react";
 import { FixedSizeList as W } from "react-window";
 import x from "../../common/Icon/Icon.js";
-import s from "./RestoredFileBrowser.module.scss.js";
+import s from "./RestoredFileBrowser.module.scss";
 import { formatNumberToK as K, formatBytes as C, isMobile as q } from "../../../utils/helpers.js";
 import { getPathSeparator as y, splitPath as u, getParentPath as D, normalizePath as g } from "../../../utils/restore.js";
 import J from "../../common/FileIcon/FileIcon.js";

package/dist-lib/components/Settings/GeneralSettings/GeneralSettings.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { useTheme as n } from "../../../context/ThemeContext.js";
 import m from "../../common/form/Input/Input.js";
 import p from "../../common/form/Tristate/Tristate.js";
-import d from "./GeneralSettings.module.scss.js";
+import d from "./GeneralSettings.module.scss";
 const t = ({ settings: e, onUpdate: i }) => {
   const { setTheme: o } = n(), r = (l) => {
     o(l), i({ ...e, theme: l });

package/dist-lib/components/Settings/IntegrationSettings/IntegrationSettings.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as t, Fragment as f } from "react/jsx-runtime";
 import { useState as n } from "react";
-import M from "./IntegrationSettings.module.scss.js";
+import M from "./IntegrationSettings.module.scss";
 import S from "../../common/form/Input/Input.js";
 import T from "../../common/ActionModal/ActionModal.js";
 import { useValidateIntegration as h } from "../../../services/settings.js";

package/dist-lib/components/Settings/IntegrationSettings/SMTPSettings.js

@@ -3,7 +3,7 @@ import { useState as i } from "react";
 import c from "../../common/form/Input/Input.js";
 import S from "../../common/Icon/Icon.js";
 import { isValidEmail as h } from "../../../utils/helpers.js";
-import d from "./IntegrationSettings.module.scss.js";
+import d from "./IntegrationSettings.module.scss";
 const y = ({ settings: r, onUpdate: m, showTestModal: f }) => {
   const [l, v] = i({
     server: "",

package/dist-lib/components/Skeleton/SkeletonItems.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import s from "./SkeletonItems.module.scss.js";
+import s from "./SkeletonItems.module.scss";
 const m = ({ type: l = "plan", layout: t = "list", count: a = 6 }) => /* @__PURE__ */ e("div", { className: `${s.skeletonItems} ${t === "grid" ? s.grid : s.list}`, children: Array.from({ length: a && t === "list" ? 3 : 6 }).map((n, d) => /* @__PURE__ */ i("div", { className: s.skeletonItem, children: [
   /* @__PURE__ */ i("div", { className: s.leftContent, children: [
     /* @__PURE__ */ e("div", { className: s.status }),

package/dist-lib/components/Storage/AddStorage/AddStorage.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as d, Fragment as I } from "react/jsx-runtime";
 import { useState as c, useMemo as E, useEffect as R } from "react";
 import { toast as k } from "react-toastify";
-import o from "./AddStorage.module.scss.js";
+import o from "./AddStorage.module.scss";
 import g from "../../common/Icon/Icon.js";
 import L from "../../common/form/Select/Select.js";
 import { useAddStorage as V, useGetAvailableStorages as G } from "../../../services/storage.js";

package/dist-lib/components/Storage/EditStorage/EditStorage.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as n, Fragment as O } from "react/jsx-runtime";
 import { useState as d, useEffect as R, useMemo as A } from "react";
 import { toast as C } from "react-toastify";
-import t from "../AddStorage/AddStorage.module.scss.js";
+import t from "../AddStorage/AddStorage.module.scss";
 import c from "../../common/Icon/Icon.js";
 import { useUpdateStorage as x, useGetStorage as z } from "../../../services/storage.js";
 import P from "../../common/SidePanel/SidePanel.js";

package/dist-lib/components/Storage/StorageAuthSettings/StorageAuthSettings.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as e, Fragment as b } from "react/jsx-runtime";
 import { useState as u, useEffect as v } from "react";
 import A from "../../common/form/Tristate/Tristate.js";
 import l from "../../common/Icon/Icon.js";
-import n from "../AddStorage/AddStorage.module.scss.js";
+import n from "../AddStorage/AddStorage.module.scss";
 import k from "../StorageSettings/StorageSettings.js";
 const C = ({
   storageType: s,

package/dist-lib/components/Storage/StorageItem/StorageItem.js

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as e, Fragment as l } from "react/jsx-runtime";
 import { useState as d } from "react";
 import { toast as C } from "react-toastify";
 import i from "../../common/Icon/Icon.js";
-import o from "./StorageItem.module.scss.js";
+import o from "./StorageItem.module.scss";
 import { formatBytes as $ } from "../../../utils/helpers.js";
 import b from "../EditStorage/EditStorage.js";
 import P from "../../common/Modal/Modal.js";

package/dist-lib/components/Storage/StorageSettings/StorageSettings.js

@@ -4,7 +4,7 @@ import h from "../../common/form/Input/Input.js";
 import V from "../../common/form/Tristate/Tristate.js";
 import C from "../../common/form/SizePicker/SizePicker.js";
 import S from "../../common/form/Toggle/Toggle.js";
-import t from "./StorageSettings.module.scss.js";
+import t from "./StorageSettings.module.scss";
 import x from "../../common/form/NumberInput/NumberInput.js";
 import f from "../../common/form/Select/Select.js";
 import { shouldDisplayStorageField as w } from "../../../utils/helpers.js";

package/dist-lib/components/common/ActionModal/ActionModal.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import v from "../Icon/Icon.js";
 import P from "../Modal/Modal.js";
-import s from "./ActionModal.module.scss.js";
+import s from "./ActionModal.module.scss";
 const I = ({
   title: N,
   closeModal: b,

package/dist-lib/components/common/AnimatedWrapper/AnimatedWrapper.js

@@ -1,6 +1,6 @@
 import { jsx as T } from "react/jsx-runtime";
 import { useState as a, useEffect as h } from "react";
-import s from "./AnimatedWrapper.module.scss.js";
+import s from "./AnimatedWrapper.module.scss";
 const W = ({
   children: c,
   isVisible: r,

package/dist-lib/components/common/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsxs as $, jsx as b } from "react/jsx-runtime";
 import d from "../Icon/Icon.js";
-import o from "./Button.module.scss.js";
+import o from "./Button.module.scss";
 const x = ({ text: r, size: s = "md", customClass: m, disabled: u = !1, variant: e, onClick: n, minWidth: p, padding: f, fillWidth: l, icon: t }) => /* @__PURE__ */ $(
   "button",
   {

package/dist-lib/components/common/FileManager/FileManager.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as t, Fragment as G } from "react/jsx-runtime";
 import { useState as v, useMemo as K } from "react";
 import { FixedSizeList as T } from "react-window";
 import N from "../Icon/Icon.js";
-import s from "./FileManager.module.scss.js";
+import s from "./FileManager.module.scss";
 import { useBrowseDir as q } from "../../../services/devices.js";
 import { sortFileItems as x, formatBytes as A, formatDateTime as B, isMobile as J } from "../../../utils/helpers.js";
 import Q from "../FileIcon/FileIcon.js";

package/dist-lib/components/common/FolderPicker/FolderPicker.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { createPortal as f } from "react-dom";
 import a from "../Icon/Icon.js";
 import { FileManager as k } from "../FileManager/FileManager.js";
-import t from "./FolderPicker.module.scss.js";
+import t from "./FolderPicker.module.scss";
 import { useState as u } from "react";
 const M = ({ title: n, selected: d, footerText: o = "", buttonText: s = "Insert Path", deviceId: m = "main", close: c, onSelect: h }) => {
   const [l, p] = u(d), P = (r) => {

package/dist-lib/components/common/ItemsLayout/ItemsLayout.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
 import u from "../Icon/Icon.js";
-import s from "./ItemsLayout.module.scss.js";
+import s from "./ItemsLayout.module.scss";
 const h = ({ onChange: i, type: c, value: n = "list" }) => {
   const [o, r] = p(n), l = [
     { label: "Grid", value: "grid", icon: "columns" },