magic-editor-x 1.5.0 → 1.5.1

package/dist/_chunks/{Settings-CdGL1OCi.mjs → Settings-ButYcfrm.mjs}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { u as useIntl, L as Loader, a as Box, A as Alert, F as Flex, T as Typography, B as Button, d as Badge, e as Accordion, g as getTranslation } from "./getTranslation-bLklCCaI.mjs";
+import { u as useIntl, V as Vd, R, C as Cm, T, I, z as zn, P as Ps, S as Sm, g as getTranslation } from "./getTranslation-D3h3Z3gU.mjs";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowPathIcon, DocumentDuplicateIcon, ArrowDownTrayIcon, UserIcon, UsersIcon, ShieldCheckIcon, SparklesIcon, ChartBarIcon } from "@heroicons/react/24/outline";
 import styled, { css, keyframes } from "styled-components";
@@ -15,12 +15,12 @@ const shimmer = keyframes`
   0% { background-position: -200% 0; }
   100% { background-position: 200% 0; }
 `;
-const Container = styled(Box)`
+const Container = styled(R)`
   ${css`animation: ${fadeIn} 0.5s;`}
   max-width: 1400px;
   margin: 0 auto;
 `;
-const StickySaveBar = styled(Box)`
+const StickySaveBar = styled(R)`
   position: sticky;
   top: 0;
   z-index: 10;
@@ -28,7 +28,7 @@ const StickySaveBar = styled(Box)`
   border-bottom: 1px solid ${(props) => props.theme.colors.neutral200};
   box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 `;
-const LicenseKeyBanner = styled(Box)`
+const LicenseKeyBanner = styled(R)`
   background: linear-gradient(135deg, #7C3AED 0%, #6d28d9 100%);
   border-radius: ${theme.borderRadius.lg};
   padding: 28px 32px;
@@ -61,7 +61,7 @@ const LicenseKeyBanner = styled(Box)`
     z-index: 1;
   }
 `;
-const LoaderContainer = styled(Flex)`
+const LoaderContainer = styled(T)`
   min-height: 400px;
   align-items: center;
   justify-content: center;
@@ -166,10 +166,10 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
     fetchLicenseStatus();
   }, []);
   if (loading) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LoaderContainer, { children: /* @__PURE__ */ jsx(Loader, { children: t("license.loading", "Loading license information...") }) }) });
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LoaderContainer, { children: /* @__PURE__ */ jsx(Vd, { children: t("license.loading", "Loading license information...") }) }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "Error", closeLabel: "Close", children: error }) }) });
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(R, { padding: 8, children: /* @__PURE__ */ jsx(Cm, { variant: "danger", title: "Error", closeLabel: "Close", children: error }) }) });
   }
   const isValid = licenseData?.valid;
   const isDemo = licenseData?.demo;
@@ -177,13 +177,13 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
   const data = licenseData?.data || {};
   const collaborators = limits?.limits?.collaborators || { current: 0, max: 2, unlimited: false };
   return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", children: t("license.title", "License Management") }),
-        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t("license.subtitle", "View your Magic Editor X plugin license") })
+    /* @__PURE__ */ jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(T, { justifyContent: "space-between", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsxs(T, { direction: "column", gap: 1, alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsx(I, { variant: "alpha", fontWeight: "bold", children: t("license.title", "License Management") }),
+        /* @__PURE__ */ jsx(I, { variant: "epsilon", textColor: "neutral600", children: t("license.subtitle", "View your Magic Editor X plugin license") })
       ] }),
       /* @__PURE__ */ jsx(
-        Button,
+        zn,
         {
           startIcon: /* @__PURE__ */ jsx(ArrowPathIcon, { style: { width: 20, height: 20 } }),
           onClick: fetchLicenseStatus,
@@ -198,15 +198,15 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxs(Box, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
-      isDemo ? /* @__PURE__ */ jsx(Alert, { variant: "warning", title: t("license.alert.free", "FREE Mode"), closeLabel: "Close", children: t("license.alert.free.message", "You're using the FREE version with 2 collaborators. Upgrade for more features.") }) : isValid ? /* @__PURE__ */ jsx(Alert, { variant: "success", title: t("license.alert.active", "License Active"), closeLabel: "Close", children: t("license.alert.active.message", "Your license is active and all features are unlocked.") }) : /* @__PURE__ */ jsx(Alert, { variant: "danger", title: t("license.alert.issue", "License Issue"), closeLabel: "Close", children: t("license.alert.issue.message", "There's an issue with your license. Please check your license status.") }),
-      data.licenseKey && /* @__PURE__ */ jsx(Box, { marginTop: 6, children: /* @__PURE__ */ jsx(LicenseKeyBanner, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { color: "rgba(255,255,255,0.8)", marginBottom: "12px", textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px", display: "block" }, children: t("license.key", "License Key") }),
-          /* @__PURE__ */ jsx(Typography, { style: { color: "white", fontFamily: "monospace", fontSize: "28px", fontWeight: "bold", wordBreak: "break-all", marginBottom: "16px" }, children: data.licenseKey }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsxs(R, { paddingTop: 6, paddingLeft: 6, paddingRight: 6, paddingBottom: 10, children: [
+      isDemo ? /* @__PURE__ */ jsx(Cm, { variant: "warning", title: t("license.alert.free", "FREE Mode"), closeLabel: "Close", children: t("license.alert.free.message", "You're using the FREE version with 2 collaborators. Upgrade for more features.") }) : isValid ? /* @__PURE__ */ jsx(Cm, { variant: "success", title: t("license.alert.active", "License Active"), closeLabel: "Close", children: t("license.alert.active.message", "Your license is active and all features are unlocked.") }) : /* @__PURE__ */ jsx(Cm, { variant: "danger", title: t("license.alert.issue", "License Issue"), closeLabel: "Close", children: t("license.alert.issue.message", "There's an issue with your license. Please check your license status.") }),
+      data.licenseKey && /* @__PURE__ */ jsx(R, { marginTop: 6, children: /* @__PURE__ */ jsx(LicenseKeyBanner, { children: /* @__PURE__ */ jsxs(T, { justifyContent: "space-between", alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxs(R, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(I, { variant: "pi", style: { color: "rgba(255,255,255,0.8)", marginBottom: "12px", textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px", display: "block" }, children: t("license.key", "License Key") }),
+          /* @__PURE__ */ jsx(I, { style: { color: "white", fontFamily: "monospace", fontSize: "28px", fontWeight: "bold", wordBreak: "break-all", marginBottom: "16px" }, children: data.licenseKey }),
+          /* @__PURE__ */ jsxs(T, { gap: 2, children: [
             /* @__PURE__ */ jsx(
-              Button,
+              zn,
               {
                 onClick: handleCopyLicenseKey,
                 startIcon: /* @__PURE__ */ jsx(DocumentDuplicateIcon, { style: { width: 16, height: 16 } }),
@@ -222,7 +222,7 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
               }
             ),
             /* @__PURE__ */ jsx(
-              Button,
+              zn,
               {
                 onClick: handleDownloadLicenseKey,
                 startIcon: /* @__PURE__ */ jsx(ArrowDownTrayIcon, { style: { width: 16, height: 16 } }),
@@ -239,9 +239,9 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, alignItems: "flex-end", children: [
+        /* @__PURE__ */ jsxs(T, { direction: "column", gap: 2, alignItems: "flex-end", children: [
           /* @__PURE__ */ jsx(
-            Badge,
+            Ps,
             {
               backgroundColor: data.isActive ? "success100" : "danger100",
               textColor: data.isActive ? "success700" : "danger700",
@@ -250,7 +250,7 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
             }
           ),
           /* @__PURE__ */ jsx(
-            Badge,
+            Ps,
             {
               style: {
                 fontSize: "11px",
@@ -264,36 +264,36 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
           )
         ] })
       ] }) }) }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 6, children: /* @__PURE__ */ jsxs(Accordion.Root, { defaultValue: "account", collapsible: true, children: [
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "account", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: () => /* @__PURE__ */ jsx(UserIcon, { style: { width: 16, height: 16 } }), children: t("license.section.account", "Account Information") }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.email", "Email Address") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.email || t("license.notProvided", "Not provided") })
+      /* @__PURE__ */ jsx(R, { marginTop: 6, children: /* @__PURE__ */ jsxs(Sm.Root, { defaultValue: "account", collapsible: true, children: [
+        /* @__PURE__ */ jsxs(Sm.Item, { value: "account", children: [
+          /* @__PURE__ */ jsx(Sm.Header, { children: /* @__PURE__ */ jsx(Sm.Trigger, { icon: () => /* @__PURE__ */ jsx(UserIcon, { style: { width: 16, height: 16 } }), children: t("license.section.account", "Account Information") }) }),
+          /* @__PURE__ */ jsx(Sm.Content, { children: /* @__PURE__ */ jsx(R, { padding: 6, children: /* @__PURE__ */ jsxs(T, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "200px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.email", "Email Address") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.email || t("license.notProvided", "Not provided") })
             ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.holder", "License Holder") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.firstName && data.lastName ? `${data.firstName} ${data.lastName}` : t("license.notSpecified", "Not specified") })
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "200px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.holder", "License Holder") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.firstName && data.lastName ? `${data.firstName} ${data.lastName}` : t("license.notSpecified", "Not specified") })
             ] })
           ] }) }) })
         ] }),
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "collaborators", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: () => /* @__PURE__ */ jsx(UsersIcon, { style: { width: 16, height: 16 } }), children: t("license.section.collaborators", "Collaborator Limits") }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", alignItems: "center", children: [
-              /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.currentUsage", "Current Usage") }),
-                /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "24px" }, children: [
+        /* @__PURE__ */ jsxs(Sm.Item, { value: "collaborators", children: [
+          /* @__PURE__ */ jsx(Sm.Header, { children: /* @__PURE__ */ jsx(Sm.Trigger, { icon: () => /* @__PURE__ */ jsx(UsersIcon, { style: { width: 16, height: 16 } }), children: t("license.section.collaborators", "Collaborator Limits") }) }),
+          /* @__PURE__ */ jsx(Sm.Content, { children: /* @__PURE__ */ jsxs(R, { padding: 6, children: [
+            /* @__PURE__ */ jsxs(T, { gap: 8, wrap: "wrap", alignItems: "center", children: [
+              /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "200px" }, children: [
+                /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.currentUsage", "Current Usage") }),
+                /* @__PURE__ */ jsxs(I, { variant: "omega", fontWeight: "semiBold", style: { fontSize: "24px" }, children: [
                   collaborators.current,
                   " / ",
                   collaborators.unlimited ? t("license.unlimited", "Unlimited") : collaborators.max
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "200px" }, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.status", "Status") }),
+              /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "200px" }, children: [
+                /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.status", "Status") }),
                 /* @__PURE__ */ jsx(
-                  Badge,
+                  Ps,
                   {
                     backgroundColor: collaborators.canAdd ? "success100" : "danger100",
                     textColor: collaborators.canAdd ? "success700" : "danger700",
@@ -303,32 +303,32 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
                 )
               ] })
             ] }),
-            !collaborators.canAdd && !collaborators.unlimited && /* @__PURE__ */ jsx(Box, { marginTop: 4, padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "warning700", children: t("license.upgradeMessage", "Upgrade your plan to add more collaborators. Visit https://store.magicdx.dev/") }) })
+            !collaborators.canAdd && !collaborators.unlimited && /* @__PURE__ */ jsx(R, { marginTop: 4, padding: 4, background: "warning100", hasRadius: true, children: /* @__PURE__ */ jsx(I, { variant: "omega", textColor: "warning700", children: t("license.upgradeMessage", "Upgrade your plan to add more collaborators. Visit https://store.magicdx.dev/") }) })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "details", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: () => /* @__PURE__ */ jsx(ShieldCheckIcon, { style: { width: 16, height: 16 } }), children: t("license.section.details", "License Details") }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: data.isExpired ? t("license.expiredOn", "Expired On") : t("license.expiresOn", "Expires On") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.expiresAt ? new Date(data.expiresAt).toLocaleDateString("en-US", {
+        /* @__PURE__ */ jsxs(Sm.Item, { value: "details", children: [
+          /* @__PURE__ */ jsx(Sm.Header, { children: /* @__PURE__ */ jsx(Sm.Trigger, { icon: () => /* @__PURE__ */ jsx(ShieldCheckIcon, { style: { width: 16, height: 16 } }), children: t("license.section.details", "License Details") }) }),
+          /* @__PURE__ */ jsx(Sm.Content, { children: /* @__PURE__ */ jsx(R, { padding: 6, children: /* @__PURE__ */ jsxs(T, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: data.isExpired ? t("license.expiredOn", "Expired On") : t("license.expiresOn", "Expires On") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.expiresAt ? new Date(data.expiresAt).toLocaleDateString("en-US", {
                 year: "numeric",
                 month: "long",
                 day: "numeric"
               }) : t("license.never", "Never") })
             ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "180px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.deviceName", "Device Name") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.deviceName || t("license.unknown", "Unknown") })
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "180px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.deviceName", "Device Name") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.deviceName || t("license.unknown", "Unknown") })
             ] })
           ] }) }) })
         ] }),
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "features", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: () => /* @__PURE__ */ jsx(SparklesIcon, { style: { width: 16, height: 16 } }), children: t("license.section.features", "Features & Capabilities") }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
-            /* @__PURE__ */ jsxs(Flex, { gap: 3, style: { marginBottom: "32px" }, children: [
+        /* @__PURE__ */ jsxs(Sm.Item, { value: "features", children: [
+          /* @__PURE__ */ jsx(Sm.Header, { children: /* @__PURE__ */ jsx(Sm.Trigger, { icon: () => /* @__PURE__ */ jsx(SparklesIcon, { style: { width: 16, height: 16 } }), children: t("license.section.features", "Features & Capabilities") }) }),
+          /* @__PURE__ */ jsx(Sm.Content, { children: /* @__PURE__ */ jsxs(R, { padding: 6, children: [
+            /* @__PURE__ */ jsxs(T, { gap: 3, style: { marginBottom: "32px" }, children: [
               /* @__PURE__ */ jsxs(
-                Badge,
+                Ps,
                 {
                   backgroundColor: tier === "free" ? "success100" : "neutral100",
                   textColor: tier === "free" ? "success700" : "neutral600",
@@ -345,7 +345,7 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
                 }
               ),
               /* @__PURE__ */ jsxs(
-                Badge,
+                Ps,
                 {
                   backgroundColor: tier === "premium" ? "primary100" : "neutral100",
                   textColor: tier === "premium" ? "primary700" : "neutral600",
@@ -362,7 +362,7 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
                 }
               ),
               /* @__PURE__ */ jsxs(
-                Badge,
+                Ps,
                 {
                   backgroundColor: tier === "advanced" || tier === "enterprise" ? "secondary100" : "neutral100",
                   textColor: tier === "advanced" || tier === "enterprise" ? "secondary700" : "neutral600",
@@ -379,31 +379,31 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs(Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block" }, children: t("license.yourPlanIncludes", "Your Plan Includes:") }),
-              /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
-                /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "14px" }, children: [
+            /* @__PURE__ */ jsxs(R, { padding: 5, background: "neutral100", hasRadius: true, children: [
+              /* @__PURE__ */ jsx(I, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block" }, children: t("license.yourPlanIncludes", "Your Plan Includes:") }),
+              /* @__PURE__ */ jsxs(T, { direction: "column", gap: 2, children: [
+                /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "14px" }, children: [
                   "[OK] ",
                   t("license.feature.fullAccess", "Full Editor Access (all tools)")
                 ] }),
-                /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "14px" }, children: [
+                /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "14px" }, children: [
                   "[OK] ",
                   t("license.feature.realtimeCollab", "Real-Time Collaboration")
                 ] }),
-                /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "14px" }, children: [
+                /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "14px" }, children: [
                   "[OK] ",
                   collaborators.unlimited ? t("license.feature.collaboratorsUnlimited", "Unlimited Collaborators") : t("license.feature.collaborators", "{count} Collaborator(s)", { count: collaborators.max })
                 ] }),
                 (tier === "premium" || tier === "advanced" || tier === "enterprise") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "14px" }, children: [
+                  /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "14px" }, children: [
                     "[OK] ",
                     t("license.feature.aiAssistant", "AI Assistant (Usage-based)")
                   ] }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "14px" }, children: [
+                  /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "14px" }, children: [
                     "[OK] ",
                     t("license.feature.versionHistory", "Version History")
                   ] }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "14px" }, children: [
+                  /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "14px" }, children: [
                     "[OK] ",
                     t("license.feature.prioritySupport", "Priority Support")
                   ] })
@@ -412,20 +412,20 @@ Generated:   ${(/* @__PURE__ */ new Date()).toLocaleString()}
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs(Accordion.Item, { value: "status", children: [
-          /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { icon: () => /* @__PURE__ */ jsx(ChartBarIcon, { style: { width: 16, height: 16 } }), children: t("license.section.status", "System Status") }) }),
-          /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Flex, { gap: 8, wrap: "wrap", children: [
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.licenseStatus", "License Status") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.isActive ? t("license.active", "Active") : t("license.inactive", "Inactive") })
+        /* @__PURE__ */ jsxs(Sm.Item, { value: "status", children: [
+          /* @__PURE__ */ jsx(Sm.Header, { children: /* @__PURE__ */ jsx(Sm.Trigger, { icon: () => /* @__PURE__ */ jsx(ChartBarIcon, { style: { width: 16, height: 16 } }), children: t("license.section.status", "System Status") }) }),
+          /* @__PURE__ */ jsx(Sm.Content, { children: /* @__PURE__ */ jsx(R, { padding: 6, children: /* @__PURE__ */ jsxs(T, { gap: 8, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.licenseStatus", "License Status") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.isActive ? t("license.active", "Active") : t("license.inactive", "Inactive") })
             ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.connection", "Connection") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.isOnline ? t("license.online", "Online") : t("license.offline", "Offline") })
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.connection", "Connection") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.isOnline ? t("license.online", "Online") : t("license.offline", "Offline") })
             ] }),
-            /* @__PURE__ */ jsxs(Box, { style: { flex: "1", minWidth: "150px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.lastSync", "Last Sync") }),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: data.lastPingAt ? new Date(data.lastPingAt).toLocaleTimeString() : t("license.never", "Never") })
+            /* @__PURE__ */ jsxs(R, { style: { flex: "1", minWidth: "150px" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "sigma", textColor: "neutral600", textTransform: "uppercase", style: { marginBottom: "8px", display: "block" }, children: t("license.lastSync", "Last Sync") }),
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "semiBold", children: data.lastPingAt ? new Date(data.lastPingAt).toLocaleTimeString() : t("license.never", "Never") })
             ] })
           ] }) }) })
         ] })