strapi-plugin-magic-sessionmanager 4.4.3 → 4.4.4

package/dist/_chunks/{Analytics-CQNEZTUR.mjs → Analytics-CFlATYIp.mjs}

@@ -4,8 +4,8 @@ import { useFetchClient } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
 import { Loader, Typography, Box, Flex, Badge } from "@strapi/design-system";
 import { ChartBubble, Crown, User, Clock, Monitor } from "@strapi/icons";
-import { a as pluginId } from "./index-CLfOD-6A.mjs";
-import { u as useLicense } from "./useLicense-Bi6skBLw.mjs";
+import { a as pluginId } from "./index-B0wQeSSu.mjs";
+import { u as useLicense } from "./useLicense-RxDUbCoU.mjs";
 const theme = {
   shadows: {
     sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
@@ -88,7 +88,7 @@ const HeaderContent = styled(Flex)`
   z-index: 1;
 `;
 const Title = styled(Typography)`
-  color: ${"var(--colors-neutral0, white)"};
+  color: ${(p) => p.theme.colors.neutral0};
   font-size: 2.25rem;
   font-weight: 700;
   letter-spacing: -0.025em;
@@ -117,7 +117,7 @@ const StatsGrid = styled.div`
   margin-bottom: 40px;
 `;
 const StatCard = styled(Box)`
-  background: ${"var(--colors-neutral0, white)"};
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 32px;
   position: relative;
@@ -182,7 +182,7 @@ const StatLabel = styled(Typography)`
   text-align: center;
 `;
 const ChartCard = styled(Box)`
-  background: ${"var(--colors-neutral0, white)"};
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 36px;
   box-shadow: ${theme.shadows.md};

package/dist/_chunks/{Analytics-DDcZzOJc.js → Analytics-mFarhu5A.js}

@@ -6,8 +6,8 @@ const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-DcU_ELxj.js");
-const useLicense = require("./useLicense-qbK401y8.js");
+const index = require("./index-BEh2DizI.js");
+const useLicense = require("./useLicense-DFdVp_qI.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
@@ -92,7 +92,7 @@ const HeaderContent = styled__default.default(designSystem.Flex)`
   z-index: 1;
 `;
 const Title = styled__default.default(designSystem.Typography)`
-  color: ${"var(--colors-neutral0, white)"};
+  color: ${(p) => p.theme.colors.neutral0};
   font-size: 2.25rem;
   font-weight: 700;
   letter-spacing: -0.025em;
@@ -121,7 +121,7 @@ const StatsGrid = styled__default.default.div`
   margin-bottom: 40px;
 `;
 const StatCard = styled__default.default(designSystem.Box)`
-  background: ${"var(--colors-neutral0, white)"};
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 32px;
   position: relative;
@@ -186,7 +186,7 @@ const StatLabel = styled__default.default(designSystem.Typography)`
   text-align: center;
 `;
 const ChartCard = styled__default.default(designSystem.Box)`
-  background: ${"var(--colors-neutral0, white)"};
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 36px;
   box-shadow: ${theme.shadows.md};

package/dist/_chunks/{App-GrZxgdsa.mjs → App-BkFz8R3I.mjs}

@@ -3,11 +3,11 @@ import { useState, useEffect } from "react";
 import { useIntl } from "react-intl";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
-import { p as parseUserAgent, a as pluginId, g as getTranslation } from "./index-CLfOD-6A.mjs";
+import { p as parseUserAgent, a as pluginId, g as getTranslation } from "./index-B0wQeSSu.mjs";
 import { Modal, Flex, Box, Typography, Divider, Button, Loader, SingleSelect, SingleSelectOption, Thead, Tr, Th, Tbody, Td, Table, TextInput } from "@strapi/design-system";
 import { Check, Information, Monitor, Server, Clock, Cross, Earth, Shield, Crown, Phone, Download, User, Eye, Trash, Search, Key } from "@strapi/icons";
-import { u as useLicense } from "./useLicense-Bi6skBLw.mjs";
-import { S as ShowHideButton, T as TertiaryButton, D as DangerButton, I as IconButtonPrimary, a as IconButtonWarning, b as IconButtonDanger } from "./StyledButtons-HrcisfdR.mjs";
+import { u as useLicense } from "./useLicense-RxDUbCoU.mjs";
+import { S as ShowHideButton, T as TertiaryButton, D as DangerButton, I as IconButtonPrimary, a as IconButtonWarning, b as IconButtonDanger } from "./StyledButtons-Cz8oYhmc.mjs";
 import { useNavigate } from "react-router-dom";
 const theme = {
   shadows: {
@@ -568,7 +568,7 @@ const StatsGrid = styled.div`
   }
 `;
 const StatCard = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 28px ${theme.spacing.lg};
   position: relative;
@@ -665,7 +665,7 @@ const StatLabel = styled(Typography)`
   }
 `;
 const DataTable = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   overflow: hidden;
   box-shadow: ${theme.shadows.sm};
@@ -720,7 +720,7 @@ styled.div`
   ${css`animation: ${(props) => props.$online ? pulse : "none"} 2s ease-in-out infinite;`}
 `;
 const FilterBar = styled(Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme.spacing.md} ${theme.spacing.lg};
   border-radius: ${theme.borderRadius.lg};
   margin-bottom: ${theme.spacing.lg};
@@ -750,7 +750,7 @@ const StyledSearchInput = styled.input`
   border-radius: ${theme.borderRadius.md};
   font-size: 0.875rem;
   transition: all ${theme.transitions.fast};
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   
   &:focus {
@@ -842,7 +842,7 @@ const ClickableRow = styled(Tr)`
   }
 `;
 styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -1517,7 +1517,7 @@ const ModalOverlay = styled.div`
   padding: 20px;
 `;
 const ModalContent = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   width: 100%;
   max-width: 580px;

package/dist/_chunks/{App-DmXHGW6v.js → App-CrdNlRlL.js}

@@ -5,11 +5,11 @@ const react = require("react");
 const reactIntl = require("react-intl");
 const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
-const index = require("./index-DcU_ELxj.js");
+const index = require("./index-BEh2DizI.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const useLicense = require("./useLicense-qbK401y8.js");
-const StyledButtons = require("./StyledButtons-UnlRhqip.js");
+const useLicense = require("./useLicense-DFdVp_qI.js");
+const StyledButtons = require("./StyledButtons-DDuxnYz8.js");
 const reactRouterDom = require("react-router-dom");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -572,7 +572,7 @@ const StatsGrid = styled__default.default.div`
   }
 `;
 const StatCard = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   padding: 28px ${theme.spacing.lg};
   position: relative;
@@ -669,7 +669,7 @@ const StatLabel = styled__default.default(designSystem.Typography)`
   }
 `;
 const DataTable = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.lg};
   overflow: hidden;
   box-shadow: ${theme.shadows.sm};
@@ -724,7 +724,7 @@ styled__default.default.div`
   ${styled.css`animation: ${(props) => props.$online ? pulse : "none"} 2s ease-in-out infinite;`}
 `;
 const FilterBar = styled__default.default(designSystem.Flex)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   padding: ${theme.spacing.md} ${theme.spacing.lg};
   border-radius: ${theme.borderRadius.lg};
   margin-bottom: ${theme.spacing.lg};
@@ -754,7 +754,7 @@ const StyledSearchInput = styled__default.default.input`
   border-radius: ${theme.borderRadius.md};
   font-size: 0.875rem;
   transition: all ${theme.transitions.fast};
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   color: var(--colors-neutral800);
   
   &:focus {
@@ -846,7 +846,7 @@ const ClickableRow = styled__default.default(designSystem.Tr)`
   }
 `;
 styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: ${theme.borderRadius.xl};
   border: 2px dashed rgba(128, 128, 128, 0.3);
   padding: 80px 32px;
@@ -1521,7 +1521,7 @@ const ModalOverlay = styled__default.default.div`
   padding: 20px;
 `;
 const ModalContent = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   width: 100%;
   max-width: 580px;

package/dist/_chunks/{License-U8nciB7B.js → License-BI04KWfw.js}

@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
 const styled = require("styled-components");
-const index = require("./index-DcU_ELxj.js");
+const index = require("./index-BEh2DizI.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
@@ -29,7 +29,7 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;

package/dist/_chunks/{License-DJ2szRWp.mjs → License-BnbIePhc.mjs}

@@ -4,7 +4,7 @@ import { Loader, Box, Alert, Flex, Typography, Button, Badge, Accordion } from "
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowClockwise, Duplicate, Download, User, Shield, Sparkle, ChartBubble } from "@strapi/icons";
 import styled, { css, keyframes } from "styled-components";
-import { a as pluginId } from "./index-CLfOD-6A.mjs";
+import { a as pluginId } from "./index-B0wQeSSu.mjs";
 const theme = {
   borderRadius: { lg: "12px" }
 };
@@ -25,7 +25,7 @@ const StickySaveBar = styled(Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;

package/dist/_chunks/{OnlineUsersWidget-JvbLXkDK.js → OnlineUsersWidget-D1B_2ge5.js}

@@ -6,7 +6,7 @@ const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-DcU_ELxj.js");
+const index = require("./index-BEh2DizI.js");
 const OnlineUsersWidget = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { get } = admin.useFetchClient();

package/dist/_chunks/{OnlineUsersWidget--050_ZKf.mjs → OnlineUsersWidget-eBwttUiU.mjs}

@@ -4,7 +4,7 @@ import { useIntl } from "react-intl";
 import { Box, Typography, Flex, Grid } from "@strapi/design-system";
 import { Check, Cross, Clock, User } from "@strapi/icons";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { g as getTranslation } from "./index-CLfOD-6A.mjs";
+import { g as getTranslation } from "./index-B0wQeSSu.mjs";
 const OnlineUsersWidget = () => {
   const { formatMessage } = useIntl();
   const { get } = useFetchClient();

package/dist/_chunks/{Settings-BKE3rMNU.mjs → Settings-BfKDErt5.mjs}

@@ -5,9 +5,9 @@ import { Flex, Loader, Typography, Button, Box, Badge, Accordion, Grid, SingleSe
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { Check, Information, Cog, Trash, Shield, Code, Duplicate, Mail } from "@strapi/icons";
 import styled, { css, keyframes } from "styled-components";
-import { a as pluginId, g as getTranslation } from "./index-CLfOD-6A.mjs";
-import { u as useLicense } from "./useLicense-Bi6skBLw.mjs";
-import { D as DangerButton, S as ShowHideButton, G as GradientButton, C as CopyButton, T as TertiaryButton, c as SecondaryButton } from "./StyledButtons-HrcisfdR.mjs";
+import { a as pluginId, g as getTranslation } from "./index-B0wQeSSu.mjs";
+import { u as useLicense } from "./useLicense-RxDUbCoU.mjs";
+import { D as DangerButton, S as ShowHideButton, G as GradientButton, C as CopyButton, T as TertiaryButton, c as SecondaryButton } from "./StyledButtons-Cz8oYhmc.mjs";
 const theme = {
   borderRadius: { md: "8px", lg: "12px" }
 };
@@ -28,7 +28,7 @@ const StickySaveBar = styled(Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;
@@ -666,7 +666,7 @@ const SettingsPage = () => {
                   borderRadius: theme.borderRadius.lg,
                   marginBottom: "32px",
                   border: `2px solid ${"rgba(2, 132, 199, 0.12)"}`,
-                  background: `linear-gradient(135deg, ${"var(--colors-neutral0, white)"} 0%, ${"rgba(2, 132, 199, 0.06)"} 100%)`
+                  background: "rgba(2, 132, 199, 0.04)"
                 },
                 children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
                   /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
@@ -1373,7 +1373,7 @@ const SettingsPage = () => {
                           fontSize: "14px",
                           lineHeight: "1.8",
                           color: "var(--colors-neutral800)",
-                          background: "var(--colors-neutral0, white)",
+                          background: "transparent",
                           resize: "vertical",
                           minHeight: "80px"
                         }
@@ -1416,7 +1416,7 @@ const SettingsPage = () => {
                           fontSize: "14px",
                           lineHeight: "1.8",
                           color: "var(--colors-neutral800)",
-                          background: "var(--colors-neutral0, white)",
+                          background: "transparent",
                           resize: "vertical",
                           minHeight: "80px"
                         }

package/dist/_chunks/{Settings-CvYIqeue.js → Settings-Cy-6vah_.js}

@@ -7,9 +7,9 @@ const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
 const icons = require("@strapi/icons");
 const styled = require("styled-components");
-const index = require("./index-DcU_ELxj.js");
-const useLicense = require("./useLicense-qbK401y8.js");
-const StyledButtons = require("./StyledButtons-UnlRhqip.js");
+const index = require("./index-BEh2DizI.js");
+const useLicense = require("./useLicense-DFdVp_qI.js");
+const StyledButtons = require("./StyledButtons-DDuxnYz8.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const theme = {
@@ -32,7 +32,7 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;
@@ -670,7 +670,7 @@ const SettingsPage = () => {
                   borderRadius: theme.borderRadius.lg,
                   marginBottom: "32px",
                   border: `2px solid ${"rgba(2, 132, 199, 0.12)"}`,
-                  background: `linear-gradient(135deg, ${"var(--colors-neutral0, white)"} 0%, ${"rgba(2, 132, 199, 0.06)"} 100%)`
+                  background: "rgba(2, 132, 199, 0.04)"
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, children: [
@@ -1377,7 +1377,7 @@ const SettingsPage = () => {
                           fontSize: "14px",
                           lineHeight: "1.8",
                           color: "var(--colors-neutral800)",
-                          background: "var(--colors-neutral0, white)",
+                          background: "transparent",
                           resize: "vertical",
                           minHeight: "80px"
                         }
@@ -1420,7 +1420,7 @@ const SettingsPage = () => {
                           fontSize: "14px",
                           lineHeight: "1.8",
                           color: "var(--colors-neutral800)",
-                          background: "var(--colors-neutral0, white)",
+                          background: "transparent",
                           resize: "vertical",
                           minHeight: "80px"
                         }

package/dist/_chunks/{StyledButtons-HrcisfdR.mjs → StyledButtons-Cz8oYhmc.mjs}

@@ -28,11 +28,11 @@ const GradientButton = styled(Button)`
 `;
 const SecondaryButton = styled(Button)`
   && {
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-secondary600, #7C3AED);
     font-weight: 600;
     border: 2px solid transparent;
-    background-image: linear-gradient(var(--colors-neutral0, white), var(--colors-neutral0, white)), linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
+    background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
     background-origin: border-box;
     background-clip: padding-box, border-box;
     padding: 10px 20px;

package/dist/_chunks/{StyledButtons-UnlRhqip.js → StyledButtons-DDuxnYz8.js}

@@ -31,11 +31,11 @@ const GradientButton = styled__default.default(designSystem.Button)`
 `;
 const SecondaryButton = styled__default.default(designSystem.Button)`
   && {
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-secondary600, #7C3AED);
     font-weight: 600;
     border: 2px solid transparent;
-    background-image: linear-gradient(var(--colors-neutral0, white), var(--colors-neutral0, white)), linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
+    background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
     background-origin: border-box;
     background-clip: padding-box, border-box;
     padding: 10px 20px;

package/dist/_chunks/{UpgradePage-D8dw2eU6.mjs → UpgradePage-2mV2iqDM.mjs}

@@ -4,7 +4,7 @@ import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import styled from "styled-components";
 import { Flex, Typography, Box, Badge, Button } from "@strapi/design-system";
 import { Check, Cross, Sparkle, Lightning, Rocket } from "@strapi/icons";
-import { a as pluginId } from "./index-CLfOD-6A.mjs";
+import { a as pluginId } from "./index-B0wQeSSu.mjs";
 const Container = styled(Box)`
   padding: 32px;
   max-width: 1400px;
@@ -48,7 +48,7 @@ const TierWrapper = styled(Box)`
   display: flex;
 `;
 const TierCard = styled(Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   padding: 32px;
   border: 2px solid ${(props) => props.$featured ? "var(--colors-primary600, #0EA5E9)" : "rgba(128, 128, 128, 0.2)"};

package/dist/_chunks/{UpgradePage-CCIXYVW3.js → UpgradePage-B8kz6Cyz.js}

@@ -6,7 +6,7 @@ const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-DcU_ELxj.js");
+const index = require("./index-BEh2DizI.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const Container = styled__default.default(designSystem.Box)`
@@ -52,7 +52,7 @@ const TierWrapper = styled__default.default(designSystem.Box)`
   display: flex;
 `;
 const TierCard = styled__default.default(designSystem.Box)`
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 16px;
   padding: 32px;
   border: 2px solid ${(props) => props.$featured ? "var(--colors-primary600, #0EA5E9)" : "rgba(128, 128, 128, 0.2)"};

package/dist/_chunks/{index-CLfOD-6A.mjs → index-B0wQeSSu.mjs}

@@ -121,7 +121,7 @@ const BlockedWarning = styled(Box)`
 `;
 const SessionCard = styled(Box)`
   padding: 16px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 10px;
   border: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
@@ -173,7 +173,7 @@ const ActionButton = styled.button`
   transition: all 0.2s ease;
   
   ${(props) => props.$variant === "danger" && `
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-danger600, #DC2626);
     border: 2px solid var(--colors-danger600, #DC2626);
     
@@ -184,7 +184,7 @@ const ActionButton = styled.button`
   `}
   
   ${(props) => props.$variant === "success" && `
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-success600, #16A34A);
     border: 2px solid var(--colors-success600, #16A34A);
     
@@ -440,7 +440,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: pluginPkg.strapi.displayName
       },
-      Component: () => import("./App-GrZxgdsa.mjs")
+      Component: () => import("./App-BkFz8R3I.mjs")
     });
     app.createSettingSection(
       {
@@ -456,7 +456,7 @@ const index = {
           },
           id: "upgrade",
           to: `${pluginId}/upgrade`,
-          Component: () => import("./UpgradePage-D8dw2eU6.mjs")
+          Component: () => import("./UpgradePage-2mV2iqDM.mjs")
         },
         {
           intlLabel: {
@@ -465,7 +465,7 @@ const index = {
           },
           id: "general",
           to: `${pluginId}/general`,
-          Component: () => import("./Settings-BKE3rMNU.mjs")
+          Component: () => import("./Settings-BfKDErt5.mjs")
         },
         {
           intlLabel: {
@@ -474,7 +474,7 @@ const index = {
           },
           id: "analytics",
           to: `${pluginId}/analytics`,
-          Component: () => import("./Analytics-CQNEZTUR.mjs")
+          Component: () => import("./Analytics-CFlATYIp.mjs")
         },
         {
           intlLabel: {
@@ -483,7 +483,7 @@ const index = {
           },
           id: "license",
           to: `${pluginId}/license`,
-          Component: () => import("./License-DJ2szRWp.mjs")
+          Component: () => import("./License-BnbIePhc.mjs")
         }
       ]
     );
@@ -501,7 +501,7 @@ const index = {
           defaultMessage: "Online Users"
         },
         component: async () => {
-          const component = await import("./OnlineUsersWidget--050_ZKf.mjs");
+          const component = await import("./OnlineUsersWidget-eBwttUiU.mjs");
           return component.default;
         },
         id: "online-users-widget",

package/dist/_chunks/{index-DcU_ELxj.js → index-BEh2DizI.js}

@@ -124,7 +124,7 @@ const BlockedWarning = styled__default.default(designSystem.Box)`
 `;
 const SessionCard = styled__default.default(designSystem.Box)`
   padding: 16px;
-  background: var(--colors-neutral0, white);
+  background: ${(p) => p.theme.colors.neutral0};
   border-radius: 10px;
   border: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
@@ -176,7 +176,7 @@ const ActionButton = styled__default.default.button`
   transition: all 0.2s ease;
   
   ${(props) => props.$variant === "danger" && `
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-danger600, #DC2626);
     border: 2px solid var(--colors-danger600, #DC2626);
     
@@ -187,7 +187,7 @@ const ActionButton = styled__default.default.button`
   `}
   
   ${(props) => props.$variant === "success" && `
-    background: var(--colors-neutral0, white);
+    background: ${(p) => p.theme.colors.neutral0};
     color: var(--colors-success600, #16A34A);
     border: 2px solid var(--colors-success600, #16A34A);
     
@@ -443,7 +443,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: pluginPkg.strapi.displayName
       },
-      Component: () => Promise.resolve().then(() => require("./App-DmXHGW6v.js"))
+      Component: () => Promise.resolve().then(() => require("./App-CrdNlRlL.js"))
     });
     app.createSettingSection(
       {
@@ -459,7 +459,7 @@ const index = {
           },
           id: "upgrade",
           to: `${pluginId}/upgrade`,
-          Component: () => Promise.resolve().then(() => require("./UpgradePage-CCIXYVW3.js"))
+          Component: () => Promise.resolve().then(() => require("./UpgradePage-B8kz6Cyz.js"))
         },
         {
           intlLabel: {
@@ -468,7 +468,7 @@ const index = {
           },
           id: "general",
           to: `${pluginId}/general`,
-          Component: () => Promise.resolve().then(() => require("./Settings-CvYIqeue.js"))
+          Component: () => Promise.resolve().then(() => require("./Settings-Cy-6vah_.js"))
         },
         {
           intlLabel: {
@@ -477,7 +477,7 @@ const index = {
           },
           id: "analytics",
           to: `${pluginId}/analytics`,
-          Component: () => Promise.resolve().then(() => require("./Analytics-DDcZzOJc.js"))
+          Component: () => Promise.resolve().then(() => require("./Analytics-mFarhu5A.js"))
         },
         {
           intlLabel: {
@@ -486,7 +486,7 @@ const index = {
           },
           id: "license",
           to: `${pluginId}/license`,
-          Component: () => Promise.resolve().then(() => require("./License-U8nciB7B.js"))
+          Component: () => Promise.resolve().then(() => require("./License-BI04KWfw.js"))
         }
       ]
     );
@@ -504,7 +504,7 @@ const index = {
           defaultMessage: "Online Users"
         },
         component: async () => {
-          const component = await Promise.resolve().then(() => require("./OnlineUsersWidget-JvbLXkDK.js"));
+          const component = await Promise.resolve().then(() => require("./OnlineUsersWidget-D1B_2ge5.js"));
           return component.default;
         },
         id: "online-users-widget",

package/dist/_chunks/{useLicense-qbK401y8.js → useLicense-DFdVp_qI.js}

@@ -1,7 +1,7 @@
 "use strict";
 const react = require("react");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-DcU_ELxj.js");
+const index = require("./index-BEh2DizI.js");
 const useLicense = () => {
   const { get } = admin.useFetchClient();
   const [isPremium, setIsPremium] = react.useState(false);

package/dist/_chunks/{useLicense-Bi6skBLw.mjs → useLicense-RxDUbCoU.mjs}

@@ -1,6 +1,6 @@
 import { useState, useEffect } from "react";
 import { useFetchClient } from "@strapi/strapi/admin";
-import { a as pluginId } from "./index-CLfOD-6A.mjs";
+import { a as pluginId } from "./index-B0wQeSSu.mjs";
 const useLicense = () => {
   const { get } = useFetchClient();
   const [isPremium, setIsPremium] = useState(false);

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-DcU_ELxj.js");
+const index = require("../_chunks/index-BEh2DizI.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-CLfOD-6A.mjs";
+import { i } from "../_chunks/index-B0wQeSSu.mjs";
 export {
   i as default
 };

package/dist/server/index.js

@@ -2740,7 +2740,7 @@ var session$1 = ({ strapi: strapi2 }) => {
     }
   };
 };
-const version$1 = "4.4.2";
+const version$1 = "4.4.3";
 const require$$2 = {
   version: version$1
 };

package/dist/server/index.mjs

@@ -2727,7 +2727,7 @@ var session$1 = ({ strapi: strapi2 }) => {
     }
   };
 };
-const version$1 = "4.4.2";
+const version$1 = "4.4.3";
 const require$$2 = {
   version: version$1
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.4.3",
+  "version": "4.4.4",
   "keywords": [
     "strapi",
     "strapi-plugin",