strapi-plugin-firebase-authentication 1.2.0 → 1.2.1

package/dist/_chunks/{App-CQ9ehArz.mjs → App-CyeC5fLT.mjs}

@@ -2,16 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Layouts, useQueryParams as useQueryParams$1, getFetchClient, Pagination, useNotification, Page } from "@strapi/strapi/admin";
 import { useNavigate, useLocation, useParams, Routes, Route } from "react-router-dom";
 import { Provider } from "@radix-ui/react-tooltip";
-import React, { useState, useCallback, useMemo, useEffect, useRef, useLayoutEffect } from "react";
-import { Link, Flex, Box, Button, Tooltip, Tbody, Tr, Td, Checkbox, Typography, Modal, Table, Thead, Th, SingleSelect, SingleSelectOption, SearchForm, Searchbar, IconButton, Dialog, Tabs, TextInput, Alert, Field, Toggle, Divider } from "@strapi/design-system";
+import m__default, { useState, useCallback, useMemo, useEffect, useRef, useLayoutEffect } from "react";
+import { z as zc, T, R, N as Nn, A as Ar, S as S1, k as k1, a as A1, b as Tr, E, t as t1, v as v1, C as C1, $ as $1, c as bo, w as wo, h as h0, d as a0, o as ot, K as Km, x as x1, G as G0, e as vm, g as getFirebaseConfig$1, F as Fm, D as D1, p as pl } from "./api-Bjer83Qp.mjs";
 import { useIntl } from "react-intl";
-import { i as isArguments_1, a as isBufferExports, b as isTypedArray_1, c as isLength_1, d as isFunction_1, _ as _getTag, e as _Stack, f as _equalArrays, g as _equalByTag, h as isObjectLike_1, j as getDefaultExportFromCjs, k as _baseGetTag, l as _MapCache, m as _Symbol, P as PLUGIN_ID, n as getAugmentedNamespace, o as commonjsGlobal } from "./index-CMFutRyI.mjs";
-import { ArrowLeft, Key, Trash, WarningCircle, CaretUp, CaretDown, Search, Plus, Pencil } from "@strapi/icons";
+import { i as isArguments_1, a as isBufferExports, b as isTypedArray_1, c as isLength_1, d as isFunction_1, _ as _getTag, e as _Stack, f as _equalArrays, g as _equalByTag, h as isObjectLike_1, j as getDefaultExportFromCjs, U as U2, k as _baseGetTag, l as _MapCache, m as _Symbol, n as m3, o as bn, N as Nn$1, Y as Y2, J as J2, P as PLUGIN_ID, p as getAugmentedNamespace, q as commonjsGlobal, u as un, s as sn, r as _3 } from "./index-Bg-lGlji.mjs";
 import styled from "styled-components";
 import { RxCheck, RxCross2 } from "react-icons/rx";
 import { AiOutlineUserAdd, AiFillPhone, AiFillMail, AiFillYahoo, AiFillGithub, AiFillTwitterCircle, AiFillFacebook, AiFillApple, AiFillGoogleCircle } from "react-icons/ai";
 import { MdPassword } from "react-icons/md";
-import { g as getFirebaseConfig$1 } from "./api-BM2UtpvM.mjs";
 import * as PhoneInputModule from "react-phone-input-2";
 import "react-phone-input-2/lib/style.css";
 import validator from "validator";
@@ -278,8 +276,8 @@ const Header = ({
 }) => {
   const navigate = useNavigate();
   const didChangeData = !isEqual$1(initialData, modifiedData) || isCreatingEntry && !isEmpty$1(modifiedData);
-  const primaryAction = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-    Button,
+  const primaryAction = /* @__PURE__ */ jsx(T, { children: /* @__PURE__ */ jsx(R, { children: /* @__PURE__ */ jsx(
+    Nn,
     {
       disabled: !didChangeData || isSubmitButtonDisabled,
       onClick: onSave,
@@ -294,9 +292,9 @@ const Header = ({
       title,
       primaryAction,
       navigationAction: /* @__PURE__ */ jsx(
-        Link,
+        zc,
         {
-          startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
+          startIcon: /* @__PURE__ */ jsx(U2, {}),
           onClick: (e2) => {
             e2.preventDefault();
             navigate(-1);
@@ -462,7 +460,7 @@ const providerNameMapping = {
   anonymous: "Anonymous"
 };
 const MapProviderToIcon = ({ providerData }) => {
-  return /* @__PURE__ */ jsx(Flex, { gap: 2, children: providerData?.map(({ providerId }) => /* @__PURE__ */ jsx(Tooltip, { description: providerNameMapping[providerId] || providerId, children: /* @__PURE__ */ jsx("div", { children: providerIconMapping[providerId] || providerId }) }, providerId)) });
+  return /* @__PURE__ */ jsx(T, { gap: 2, children: providerData?.map(({ providerId }) => /* @__PURE__ */ jsx(Ar, { description: providerNameMapping[providerId] || providerId, children: /* @__PURE__ */ jsx("div", { children: providerIconMapping[providerId] || providerId }) }, providerId)) });
 };
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -772,7 +770,7 @@ var formatters = {
     return addLeadingZeros(weekYear, token.length);
   },
   // ISO week-numbering year
-  R: function R(date, token) {
+  R: function R2(date, token) {
     var isoWeekYear = getUTCISOWeekYear(date);
     return addLeadingZeros(isoWeekYear, token.length);
   },
@@ -948,7 +946,7 @@ var formatters = {
     return addLeadingZeros(dayOfYear, token.length);
   },
   // Day of week
-  E: function E(date, token, localize2) {
+  E: function E2(date, token, localize2) {
     var dayOfWeek = date.getUTCDay();
     switch (token) {
       case "E":
@@ -1316,7 +1314,7 @@ var formatters = {
     return addLeadingZeros(timestamp, token.length);
   },
   // Milliseconds timestamp
-  T: function T(date, token, _localize, options) {
+  T: function T2(date, token, _localize, options) {
     var originalDate = options._originalDate || date;
     var timestamp = originalDate.getTime();
     return addLeadingZeros(timestamp, token.length);
@@ -1992,10 +1990,10 @@ const getPasswordResetTooltip = (user) => {
   }
   return `Password reset is only available for users with email/password authentication. Current provider(s): ${providers}`;
 };
-const TypographyMaxWidth = styled(Typography)`
+const TypographyMaxWidth = styled(E)`
   max-width: 300px;
 `;
-const CellLink = styled(Td)`
+const CellLink = styled(A1)`
   text-decoration: underline;
   color: ${({ theme }) => theme.colors.primary600};
   &:hover {
@@ -2006,7 +2004,7 @@ const CellLink = styled(Td)`
     color: ${({ theme }) => theme.colors.primary600};
   }
 `;
-const ActionCell = styled(Td)`
+const ActionCell = styled(A1)`
   /* Prevent scroll on button clicks */
   position: relative;
 
@@ -2034,11 +2032,11 @@ const FirebaseTableRows = ({
   const { formatMessage } = useIntl();
   const navigate = useNavigate();
   const location = useLocation();
-  return /* @__PURE__ */ jsx(Tbody, { children: rows.map((data) => {
+  return /* @__PURE__ */ jsx(S1, { children: rows.map((data) => {
     const isChecked = entriesToDelete.includes(data.id);
-    return /* @__PURE__ */ jsxs(Tr, { children: [
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(
-        Checkbox,
+    return /* @__PURE__ */ jsxs(k1, { children: [
+      /* @__PURE__ */ jsx(A1, { children: /* @__PURE__ */ jsx(T, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(
+        Tr,
         {
           "aria-label": formatMessage({
             id: "app.component.table.select.one-entry",
@@ -2066,7 +2064,7 @@ const FirebaseTableRows = ({
         data.uid
       ),
       /* @__PURE__ */ jsx(CellLink, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: /* @__PURE__ */ jsx(
-        Box,
+        R,
         {
           onClick: () => {
             navigate(
@@ -2077,15 +2075,15 @@ const FirebaseTableRows = ({
           children: data.strapiId
         }
       ) }) }, data.strapiId),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.username }) }, data.username),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.displayName }) }),
-      /* @__PURE__ */ jsx(Td, { style: { padding: 16 }, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.email }) }, data.email),
-      /* @__PURE__ */ jsx(Td, { style: { padding: 16 }, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.phoneNumber || "-" }) }, data.phoneNumber),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(MapProviderToIcon, { providerData: data.providerData }) }),
-      /* @__PURE__ */ jsx(Td, { children: data.emailVerified ? /* @__PURE__ */ jsx(RxCheck, { size: 24 }) : /* @__PURE__ */ jsx(RxCross2, { size: 24 }) }),
-      /* @__PURE__ */ jsx(Td, { children: data.disabled ? /* @__PURE__ */ jsx(RxCheck, { size: 24 }) : /* @__PURE__ */ jsx(RxCross2, { size: 24 }) }, data.disabled),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.createdAt ? format(new Date(data.createdAt), "yyyy/MM/dd HH:mm z") : data.metadata?.creationTime ? format(new Date(data.metadata.creationTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.createdAt),
-      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.metadata?.lastSignInTime ? format(new Date(data.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.metadata?.lastSignInTime || "lastSignInTime"),
+      /* @__PURE__ */ jsx(A1, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.username }) }, data.username),
+      /* @__PURE__ */ jsx(A1, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.displayName }) }),
+      /* @__PURE__ */ jsx(A1, { style: { padding: 16 }, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.email }) }, data.email),
+      /* @__PURE__ */ jsx(A1, { style: { padding: 16 }, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.phoneNumber || "-" }) }, data.phoneNumber),
+      /* @__PURE__ */ jsx(A1, { children: /* @__PURE__ */ jsx(MapProviderToIcon, { providerData: data.providerData }) }),
+      /* @__PURE__ */ jsx(A1, { children: data.emailVerified ? /* @__PURE__ */ jsx(RxCheck, { size: 24 }) : /* @__PURE__ */ jsx(RxCross2, { size: 24 }) }),
+      /* @__PURE__ */ jsx(A1, { children: data.disabled ? /* @__PURE__ */ jsx(RxCheck, { size: 24 }) : /* @__PURE__ */ jsx(RxCross2, { size: 24 }) }, data.disabled),
+      /* @__PURE__ */ jsx(A1, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.createdAt ? format(new Date(data.createdAt), "yyyy/MM/dd HH:mm z") : data.metadata?.creationTime ? format(new Date(data.metadata.creationTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.createdAt),
+      /* @__PURE__ */ jsx(A1, { children: /* @__PURE__ */ jsx(TypographyMaxWidth, { ellipsis: true, textColor: "neutral800", children: data.metadata?.lastSignInTime ? format(new Date(data.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") : "-" }) }, data.metadata?.lastSignInTime || "lastSignInTime"),
       /* @__PURE__ */ jsx(
         ActionCell,
         {
@@ -2096,9 +2094,9 @@ const FirebaseTableRows = ({
           onMouseDown: (e2) => {
             e2.preventDefault();
           },
-          children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "center", alignItems: "center", children: [
+          children: /* @__PURE__ */ jsxs(T, { gap: 2, justifyContent: "center", alignItems: "center", children: [
             hasPasswordProvider(data) ? /* @__PURE__ */ jsx(
-              Button,
+              Nn,
               {
                 onClick: (e2) => {
                   e2.preventDefault();
@@ -2117,10 +2115,10 @@ const FirebaseTableRows = ({
                   padding: "0.25rem 0.75rem",
                   minWidth: "5.5rem"
                 },
-                children: /* @__PURE__ */ jsx(Key, { "aria-hidden": true, style: { display: "block" } })
+                children: /* @__PURE__ */ jsx(m3, { "aria-hidden": true, style: { display: "block" } })
               }
-            ) : /* @__PURE__ */ jsx(Tooltip, { label: getPasswordResetTooltip(data), children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-              Button,
+            ) : /* @__PURE__ */ jsx(Ar, { label: getPasswordResetTooltip(data), children: /* @__PURE__ */ jsx(R, { children: /* @__PURE__ */ jsx(
+              Nn,
               {
                 disabled: true,
                 variant: "secondary",
@@ -2136,11 +2134,11 @@ const FirebaseTableRows = ({
                   opacity: 0.5,
                   cursor: "not-allowed"
                 },
-                children: /* @__PURE__ */ jsx(Key, { "aria-hidden": true, style: { display: "block" } })
+                children: /* @__PURE__ */ jsx(m3, { "aria-hidden": true, style: { display: "block" } })
               }
             ) }) }),
             /* @__PURE__ */ jsx(
-              Button,
+              Nn,
               {
                 onClick: (e2) => {
                   e2.preventDefault();
@@ -2159,7 +2157,7 @@ const FirebaseTableRows = ({
                   padding: "0.25rem 0.75rem",
                   minWidth: "5.5rem"
                 },
-                children: /* @__PURE__ */ jsx(Trash, { "aria-hidden": true, style: { display: "block" } })
+                children: /* @__PURE__ */ jsx(bn, { "aria-hidden": true, style: { display: "block" } })
               }
             )
           ] })
@@ -2374,25 +2372,25 @@ const DeleteAccount = ({
     setIsStrapiIncluded(true);
     setIsFirebaseIncluded(true);
   }, [isOpen]);
-  return /* @__PURE__ */ jsx(Modal.Root, { open: isOpen, onOpenChange: (open) => !open && onToggleDialog(), children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Delete Account" }) }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx(WarningCircle, { fill: "danger700", width: "20px", height: "20px" }),
-        /* @__PURE__ */ jsx(Typography, { textColor: "danger700", children: "After you delete an account, it's permanently deleted. Accounts cannot be undeleted." })
+  return /* @__PURE__ */ jsx(t1.Root, { open: isOpen, onOpenChange: (open) => !open && onToggleDialog(), children: /* @__PURE__ */ jsxs(t1.Content, { children: [
+    /* @__PURE__ */ jsx(t1.Header, { children: /* @__PURE__ */ jsx(t1.Title, { children: "Delete Account" }) }),
+    /* @__PURE__ */ jsx(t1.Body, { children: /* @__PURE__ */ jsxs(T, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      /* @__PURE__ */ jsxs(T, { direction: "row", alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(Nn$1, { fill: "danger700", width: "20px", height: "20px" }),
+        /* @__PURE__ */ jsx(E, { textColor: "danger700", children: "After you delete an account, it's permanently deleted. Accounts cannot be undeleted." })
       ] }),
-      isSingleRecord ? /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "User account" }),
-        /* @__PURE__ */ jsx(Typography, { children: email })
-      ] }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Bulk delete operation" }),
-        /* @__PURE__ */ jsx(Typography, { children: "You are about to delete multiple user accounts" })
+      isSingleRecord ? /* @__PURE__ */ jsxs(T, { direction: "column", alignItems: "stretch", gap: 1, children: [
+        /* @__PURE__ */ jsx(E, { variant: "sigma", children: "User account" }),
+        /* @__PURE__ */ jsx(E, { children: email })
+      ] }) : /* @__PURE__ */ jsxs(T, { direction: "column", alignItems: "stretch", gap: 1, children: [
+        /* @__PURE__ */ jsx(E, { variant: "sigma", children: "Bulk delete operation" }),
+        /* @__PURE__ */ jsx(E, { children: "You are about to delete multiple user accounts" })
       ] }),
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ jsx(Typography, { children: "Delete user from:" }),
-        /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", gap: 4, children: [
+      /* @__PURE__ */ jsxs(T, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(E, { children: "Delete user from:" }),
+        /* @__PURE__ */ jsxs(T, { direction: "row", alignItems: "center", gap: 4, children: [
           /* @__PURE__ */ jsx(
-            Checkbox,
+            Tr,
             {
               onCheckedChange: (checked) => setIsStrapiIncluded(checked === true),
               checked: isStrapiIncluded,
@@ -2400,7 +2398,7 @@ const DeleteAccount = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Checkbox,
+            Tr,
             {
               onCheckedChange: (checked) => setIsFirebaseIncluded(checked === true),
               checked: isFirebaseIncluded,
@@ -2410,10 +2408,10 @@ const DeleteAccount = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { onClick: onToggleDialog, variant: "tertiary", children: "Cancel" }),
+    /* @__PURE__ */ jsxs(t1.Footer, { children: [
+      /* @__PURE__ */ jsx(Nn, { onClick: onToggleDialog, variant: "tertiary", children: "Cancel" }),
       /* @__PURE__ */ jsx(
-        Button,
+        Nn,
         {
           variant: "danger",
           onClick: () => {
@@ -2463,7 +2461,7 @@ const StyledTableContainer = styled.div`
     cursor: pointer;
   }
 `;
-const BulkActionsBar = styled(Box)`
+const BulkActionsBar = styled(R)`
   margin-bottom: 16px;
   padding: 12px 0;
 `;
@@ -2531,21 +2529,21 @@ const FirebaseTable = ({
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(BulkActionsBar, { paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", justifyContent: "space-between", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "center", gap: 2, wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx(BulkActionsBar, { paddingLeft: 0, paddingRight: 0, children: /* @__PURE__ */ jsxs(T, { direction: "row", alignItems: "center", justifyContent: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(T, { direction: "row", alignItems: "center", gap: 2, wrap: "nowrap", children: [
         action,
         hasSelection && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", style: { whiteSpace: "nowrap" }, children: [
+          /* @__PURE__ */ jsxs(E, { variant: "omega", fontWeight: "semiBold", style: { whiteSpace: "nowrap" }, children: [
             selectedCount,
             " ",
             selectedCount === 1 ? "entry" : "entries",
             " selected"
           ] }),
           /* @__PURE__ */ jsx(
-            Button,
+            Nn,
             {
               variant: "danger",
-              startIcon: /* @__PURE__ */ jsx(Trash, {}),
+              startIcon: /* @__PURE__ */ jsx(bn, {}),
               onClick: () => setShowBulkDeleteDialog(true),
               size: "S",
               style: { whiteSpace: "nowrap" },
@@ -2553,7 +2551,7 @@ const FirebaseTable = ({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button,
+            Nn,
             {
               variant: "secondary",
               onClick: clearSelection,
@@ -2566,10 +2564,10 @@ const FirebaseTable = ({
       ] }),
       createAction
     ] }) }),
-    /* @__PURE__ */ jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxs(Table, { colCount: tableHeaders.length + 2, rowCount: rows.length + 1, children: [
-      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(
-          Checkbox,
+    /* @__PURE__ */ jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxs(v1, { colCount: tableHeaders.length + 2, rowCount: rows.length + 1, children: [
+      /* @__PURE__ */ jsx(C1, { children: /* @__PURE__ */ jsxs(k1, { children: [
+        /* @__PURE__ */ jsx($1, { children: /* @__PURE__ */ jsx(
+          Tr,
           {
             "aria-label": "Select all entries",
             checked: isAllSelected,
@@ -2581,19 +2579,19 @@ const FirebaseTable = ({
           const isSorted = sortBy === header.name;
           const isAsc = sortOrder === "ASC";
           const isSortable = header.metadatas.sortable;
-          return /* @__PURE__ */ jsx(Th, { children: isSortable ? /* @__PURE__ */ jsxs(
+          return /* @__PURE__ */ jsx($1, { children: isSortable ? /* @__PURE__ */ jsxs(
             SortButton,
             {
               onClick: () => handleSort(header.name),
               "aria-label": `Sort by ${header.metadatas.label}`,
               children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }),
-                isSorted && /* @__PURE__ */ jsx(Fragment, { children: isAsc ? /* @__PURE__ */ jsx(CaretUp, { width: "10px", height: "10px" }) : /* @__PURE__ */ jsx(CaretDown, { width: "10px", height: "10px" }) })
+                /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }),
+                isSorted && /* @__PURE__ */ jsx(Fragment, { children: isAsc ? /* @__PURE__ */ jsx(Y2, { width: "10px", height: "10px" }) : /* @__PURE__ */ jsx(J2, { width: "10px", height: "10px" }) })
               ]
             }
-          ) : /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }) }, header.key);
+          ) : /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: header.metadatas.label }) }, header.key);
         }),
-        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Actions" }) })
+        /* @__PURE__ */ jsx($1, { children: /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Actions" }) })
       ] }) }),
       /* @__PURE__ */ jsx(
         FirebaseTableRows,
@@ -2719,21 +2717,21 @@ const PaginationFooter = ({ pageCount = 0 }) => {
   const handlePageSizeChange = (value) => {
     setQuery({ pageSize: value, page: 1 });
   };
-  return /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Entries per page:" }),
+  return /* @__PURE__ */ jsx(R, { paddingTop: 4, children: /* @__PURE__ */ jsxs(T, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxs(T, { alignItems: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "neutral600", children: "Entries per page:" }),
       /* @__PURE__ */ jsxs(
-        SingleSelect,
+        bo,
         {
           size: "S",
           value: pageSize,
           onChange: handlePageSizeChange,
           "aria-label": "Entries per page",
           children: [
-            /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10" }),
-            /* @__PURE__ */ jsx(SingleSelectOption, { value: "25", children: "25" }),
-            /* @__PURE__ */ jsx(SingleSelectOption, { value: "50", children: "50" }),
-            /* @__PURE__ */ jsx(SingleSelectOption, { value: "100", children: "100" })
+            /* @__PURE__ */ jsx(wo, { value: "10", children: "10" }),
+            /* @__PURE__ */ jsx(wo, { value: "25", children: "25" }),
+            /* @__PURE__ */ jsx(wo, { value: "50", children: "50" }),
+            /* @__PURE__ */ jsx(wo, { value: "100", children: "100" })
           ]
         }
       )
@@ -3067,9 +3065,9 @@ function nameOf(f) {
   if (f.name) {
     return f.name;
   }
-  var m3 = $match.call(functionToString.call(f), /^function\s*([\w$]+)/);
-  if (m3) {
-    return m3[1];
+  var m4 = $match.call(functionToString.call(f), /^function\s*([\w$]+)/);
+  if (m4) {
+    return m4[1];
   }
   return null;
 }
@@ -3135,7 +3133,7 @@ function isSet(x2) {
     setSize.call(x2);
     try {
       mapSize.call(x2);
-    } catch (m3) {
+    } catch (m4) {
       return true;
     }
     return x2 instanceof Set;
@@ -4882,8 +4880,8 @@ const SearchURLQuery = ({ label, placeholder = void 0 }) => {
     }
   };
   if (isOpen) {
-    return /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%" }, children: /* @__PURE__ */ jsx(SearchForm, { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(
-      Searchbar,
+    return /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%" }, children: /* @__PURE__ */ jsx(h0, { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(
+      a0,
       {
         name: "search",
         onChange: ({ target: { value: value2 } }) => setValue(value2),
@@ -4900,7 +4898,7 @@ const SearchURLQuery = ({ label, placeholder = void 0 }) => {
     ) }) });
   }
   return /* @__PURE__ */ jsx(
-    IconButton,
+    ot,
     {
       ref: iconButtonRef,
       variant: "tertiary",
@@ -4909,7 +4907,7 @@ const SearchURLQuery = ({ label, placeholder = void 0 }) => {
         id: "app.component.search.label",
         defaultMessage: "Search"
       }),
-      children: /* @__PURE__ */ jsx(Search, {})
+      children: /* @__PURE__ */ jsx(un, {})
     }
   );
 };
@@ -4981,23 +4979,23 @@ const ResetPassword = ({
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
-    /* @__PURE__ */ jsx(Dialog.Header, { children: "Reset Password" }),
-    /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "User email" }),
-        /* @__PURE__ */ jsx(Typography, { children: email })
+  return /* @__PURE__ */ jsx(Km.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(Km.Content, { children: [
+    /* @__PURE__ */ jsx(Km.Header, { children: "Reset Password" }),
+    /* @__PURE__ */ jsx(Km.Body, { children: /* @__PURE__ */ jsxs(T, { direction: "column", gap: 4, children: [
+      /* @__PURE__ */ jsxs(T, { direction: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx(E, { variant: "sigma", children: "User email" }),
+        /* @__PURE__ */ jsx(E, { children: email })
       ] }),
-      /* @__PURE__ */ jsxs(Tabs.Root, { value: mode, onValueChange: (val) => setMode(val), children: [
-        /* @__PURE__ */ jsxs(Tabs.List, { children: [
-          /* @__PURE__ */ jsx(Tabs.Trigger, { value: "direct", children: "Set Password Directly" }),
-          /* @__PURE__ */ jsx(Tabs.Trigger, { value: "email", children: "Send Reset Email" })
+      /* @__PURE__ */ jsxs(x1.Root, { value: mode, onValueChange: (val) => setMode(val), children: [
+        /* @__PURE__ */ jsxs(x1.List, { children: [
+          /* @__PURE__ */ jsx(x1.Trigger, { value: "direct", children: "Set Password Directly" }),
+          /* @__PURE__ */ jsx(x1.Trigger, { value: "email", children: "Send Reset Email" })
         ] }),
-        /* @__PURE__ */ jsx(Tabs.Content, { value: "direct", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, paddingTop: 4, children: [
-          /* @__PURE__ */ jsx(Typography, { children: "Set a new password for this user. The user will not be notified of this change." }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx(x1.Content, { value: "direct", children: /* @__PURE__ */ jsxs(T, { direction: "column", gap: 3, paddingTop: 4, children: [
+          /* @__PURE__ */ jsx(E, { children: "Set a new password for this user. The user will not be notified of this change." }),
+          /* @__PURE__ */ jsxs(T, { direction: "column", gap: 1, children: [
             /* @__PURE__ */ jsx(
-              TextInput,
+              G0,
               {
                 type: "password",
                 label: "New password",
@@ -5011,24 +5009,24 @@ const ResetPassword = ({
                 required: true
               }
             ),
-            isPasswordChanged && password && !validatePassword(password) && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger500", children: passwordMessage })
+            isPasswordChanged && password && !validatePassword(password) && /* @__PURE__ */ jsx(E, { variant: "pi", textColor: "danger500", children: passwordMessage })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(Tabs.Content, { value: "email", children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 3, paddingTop: 4, children: !emailSent ? /* @__PURE__ */ jsxs(Typography, { children: [
+        /* @__PURE__ */ jsx(x1.Content, { value: "email", children: /* @__PURE__ */ jsx(T, { direction: "column", gap: 3, paddingTop: 4, children: !emailSent ? /* @__PURE__ */ jsxs(E, { children: [
           "Send a password reset email to ",
           /* @__PURE__ */ jsx("strong", { children: email }),
           ". The link will expire in 1 hour."
-        ] }) : /* @__PURE__ */ jsxs(Alert, { variant: "success", title: "Email Sent", children: [
+        ] }) : /* @__PURE__ */ jsxs(vm, { variant: "success", title: "Email Sent", children: [
           "Password reset email has been sent to ",
           email
         ] }) }) })
       ] }),
-      error && /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "Error", children: error })
+      error && /* @__PURE__ */ jsx(vm, { variant: "danger", title: "Error", children: error })
     ] }) }),
-    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
+    /* @__PURE__ */ jsxs(Km.Footer, { children: [
+      /* @__PURE__ */ jsx(Nn, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
       !emailSent && /* @__PURE__ */ jsx(
-        Button,
+        Nn,
         {
           variant: mode === "direct" ? "danger-light" : "success",
           loading: isLoading,
@@ -5071,25 +5069,25 @@ const ResendVerification = ({
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
-    /* @__PURE__ */ jsx(Dialog.Header, { children: "Resend Verification Email" }),
-    /* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, alignItems: "center", children: [
+  return /* @__PURE__ */ jsx(Km.Root, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(Km.Content, { children: [
+    /* @__PURE__ */ jsx(Km.Header, { children: "Resend Verification Email" }),
+    /* @__PURE__ */ jsx(Km.Body, { children: /* @__PURE__ */ jsxs(T, { direction: "column", gap: 4, alignItems: "center", children: [
       !emailSent ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Typography, { textAlign: "center", children: [
+        /* @__PURE__ */ jsxs(E, { textAlign: "center", children: [
           "Send a verification email to ",
           /* @__PURE__ */ jsx("strong", { children: email }),
           "?"
         ] }),
-        /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", textAlign: "center", children: "The link will expire in 1 hour." })
-      ] }) : /* @__PURE__ */ jsxs(Alert, { variant: "success", title: "Email Sent", children: [
+        /* @__PURE__ */ jsx(E, { variant: "omega", textColor: "neutral600", textAlign: "center", children: "The link will expire in 1 hour." })
+      ] }) : /* @__PURE__ */ jsxs(vm, { variant: "success", title: "Email Sent", children: [
         "Verification email has been sent to ",
         email
       ] }),
-      error && /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "Error", children: error })
+      error && /* @__PURE__ */ jsx(vm, { variant: "danger", title: "Error", children: error })
     ] }) }),
-    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
-      !emailSent && /* @__PURE__ */ jsx(Button, { variant: "success", loading: isLoading, onClick: handleSendEmail, children: "Send" })
+    /* @__PURE__ */ jsxs(Km.Footer, { children: [
+      /* @__PURE__ */ jsx(Nn, { onClick: handleClose, variant: "tertiary", children: emailSent ? "Close" : "Cancel" }),
+      !emailSent && /* @__PURE__ */ jsx(Nn, { variant: "success", loading: isLoading, onClick: handleSendEmail, children: "Send" })
     ] })
   ] }) });
 };
@@ -5257,7 +5255,7 @@ function ListView({ data, meta }) {
     navigate("users/create");
   }, [navigate]);
   const getCreateAction = useCallback(
-    () => /* @__PURE__ */ jsx(Button, { onClick: handleNavigateToCreate, startIcon: /* @__PURE__ */ jsx(Plus, {}), children: "Create" }),
+    () => /* @__PURE__ */ jsx(Nn, { onClick: handleNavigateToCreate, startIcon: /* @__PURE__ */ jsx(sn, {}), children: "Create" }),
     [handleNavigateToCreate]
   );
   const handleCloseResetDialogue = useCallback(() => {
@@ -5322,7 +5320,7 @@ function ListView({ data, meta }) {
       {
         subtitle: headSubtitle,
         title: HEADER_TITLE,
-        navigationAction: /* @__PURE__ */ jsx(Link, { startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), to: "/content-manager/", children: "Back" })
+        navigationAction: /* @__PURE__ */ jsx(zc, { startIcon: /* @__PURE__ */ jsx(U2, {}), to: "/content-manager/", children: "Back" })
       }
     ),
     /* @__PURE__ */ jsxs(Layouts.Content, { children: [
@@ -5434,11 +5432,11 @@ const HomePage = () => {
   }
   return /* @__PURE__ */ jsxs(StyledPageMain, { children: [
     /* @__PURE__ */ jsx(Page.Title, { children: "Firebase Users" }),
-    !isNotConfigured ? /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: /* @__PURE__ */ jsx(ListView, {}) }) }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", marginTop: 10, children: [
-      /* @__PURE__ */ jsx(WarningCircle, {}),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Typography, { children: "Firebase is not configured, please configure Firebase" }) }),
+    !isNotConfigured ? /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx(T, { direction: "column", alignItems: "stretch", gap: 4, children: /* @__PURE__ */ jsx(ListView, {}) }) }) : /* @__PURE__ */ jsxs(T, { direction: "column", marginTop: 10, children: [
+      /* @__PURE__ */ jsx(Nn$1, {}),
+      /* @__PURE__ */ jsx(R, { marginTop: 1, children: /* @__PURE__ */ jsx(E, { children: "Firebase is not configured, please configure Firebase" }) }),
       /* @__PURE__ */ jsx(
-        Button,
+        Nn,
         {
           marginTop: 3,
           onClick: () => {
@@ -5632,14 +5630,14 @@ const UserFormFields = ({
 }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
-      Field.Root,
+      Fm.Root,
       {
         style: { width: "50%" },
         error: emailError || (hasBeenTouched && !userData?.email && !userData?.phoneNumber ? "Email or Phone Number is required" : void 0),
         children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Email" }),
+          /* @__PURE__ */ jsx(Fm.Label, { children: "Email" }),
           /* @__PURE__ */ jsx(
-            TextInput,
+            G0,
             {
               id: "email",
               name: "email",
@@ -5649,14 +5647,14 @@ const UserFormFields = ({
               value: userData.email || ""
             }
           ),
-          /* @__PURE__ */ jsx(Field.Error, {})
+          /* @__PURE__ */ jsx(Fm.Error, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(Field.Root, { style: { width: "50%" }, children: [
-      /* @__PURE__ */ jsx(Field.Label, { children: "Display Name" }),
+    /* @__PURE__ */ jsxs(Fm.Root, { style: { width: "50%" }, children: [
+      /* @__PURE__ */ jsx(Fm.Label, { children: "Display Name" }),
       /* @__PURE__ */ jsx(
-        TextInput,
+        G0,
         {
           id: "displayName",
           name: "displayName",
@@ -5666,8 +5664,8 @@ const UserFormFields = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Field.Root, { style: { width: "50%" }, error: phoneError || void 0, children: [
-      /* @__PURE__ */ jsx(Field.Label, { children: "Phone Number" }),
+    /* @__PURE__ */ jsxs(Fm.Root, { style: { width: "50%" }, error: phoneError || void 0, children: [
+      /* @__PURE__ */ jsx(Fm.Label, { children: "Phone Number" }),
       /* @__PURE__ */ jsx(StyledPhoneInputWrapper, { children: /* @__PURE__ */ jsx(
         PhoneInput,
         {
@@ -5697,18 +5695,18 @@ const UserFormFields = ({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx(Field.Error, {}),
-      /* @__PURE__ */ jsx(Field.Hint, { children: "E.164 format: +[country code][number] (e.g., +14155552671)" })
+      /* @__PURE__ */ jsx(Fm.Error, {}),
+      /* @__PURE__ */ jsx(Fm.Hint, { children: "E.164 format: +[country code][number] (e.g., +14155552671)" })
     ] }),
     /* @__PURE__ */ jsxs(
-      Field.Root,
+      Fm.Root,
       {
         style: { width: "50%" },
         error: userData?.password?.length && userData?.password?.length < 6 ? "Password must be at least 6 characters" : void 0,
         children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Password" }),
+          /* @__PURE__ */ jsx(Fm.Label, { children: "Password" }),
           /* @__PURE__ */ jsx(
-            TextInput,
+            G0,
             {
               id: "password",
               name: "password",
@@ -5719,15 +5717,15 @@ const UserFormFields = ({
               required: isPasswordRequired
             }
           ),
-          /* @__PURE__ */ jsx(Field.Error, {}),
-          showPasswordHint && /* @__PURE__ */ jsx(Field.Hint, { children: "Leave empty to keep current password" })
+          /* @__PURE__ */ jsx(Fm.Error, {}),
+          showPasswordHint && /* @__PURE__ */ jsx(Fm.Hint, { children: "Leave empty to keep current password" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(Field.Root, { maxWidth: "320px", children: [
-      /* @__PURE__ */ jsx(Field.Label, { children: "Disabled" }),
+    /* @__PURE__ */ jsxs(Fm.Root, { maxWidth: "320px", children: [
+      /* @__PURE__ */ jsx(Fm.Label, { children: "Disabled" }),
       /* @__PURE__ */ jsx(
-        Toggle,
+        D1,
         {
           name: "disabled",
           onLabel: "True",
@@ -5737,10 +5735,10 @@ const UserFormFields = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Field.Root, { maxWidth: "320px", children: [
-      /* @__PURE__ */ jsx(Field.Label, { children: "Email Verified" }),
+    /* @__PURE__ */ jsxs(Fm.Root, { maxWidth: "320px", children: [
+      /* @__PURE__ */ jsx(Fm.Label, { children: "Email Verified" }),
       /* @__PURE__ */ jsx(
-        Toggle,
+        D1,
         {
           name: "emailVerified",
           onLabel: "True",
@@ -5753,9 +5751,9 @@ const UserFormFields = ({
   ] });
 };
 const UserFormLayout = ({ children, sidebar }) => {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "row", alignItems: "stretch", gap: 4, width: "100%", children: [
+  return /* @__PURE__ */ jsxs(T, { direction: "row", alignItems: "stretch", gap: 4, width: "100%", children: [
     /* @__PURE__ */ jsx(
-      Box,
+      R,
       {
         background: "neutral0",
         borderColor: "neutral150",
@@ -5763,11 +5761,11 @@ const UserFormLayout = ({ children, sidebar }) => {
         padding: 8,
         shadow: "tableShadow",
         style: { flex: "9 1 0px", minWidth: 0 },
-        children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 4, alignItems: "stretch", children })
+        children: /* @__PURE__ */ jsx(T, { direction: "column", gap: 4, alignItems: "stretch", children })
       }
     ),
     sidebar && /* @__PURE__ */ jsx(
-      Flex,
+      T,
       {
         direction: "column",
         gap: 4,
@@ -5934,11 +5932,11 @@ const PasswordResetButton = ({
     }
   };
   const button = /* @__PURE__ */ jsx(
-    Button,
+    Nn,
     {
       onClick: handleClick,
       disabled: !canResetPassword,
-      startIcon: /* @__PURE__ */ jsx(Key, {}),
+      startIcon: /* @__PURE__ */ jsx(m3, {}),
       variant,
       size,
       fullWidth,
@@ -5946,18 +5944,18 @@ const PasswordResetButton = ({
     }
   );
   if (!canResetPassword) {
-    return /* @__PURE__ */ jsx(Tooltip, { label: tooltipMessage, children: /* @__PURE__ */ jsx(Box, { children: button }) });
+    return /* @__PURE__ */ jsx(Ar, { label: tooltipMessage, children: /* @__PURE__ */ jsx(R, { children: button }) });
   }
   return button;
 };
-const MetaWrapper = styled(Box)`
+const MetaWrapper = styled(R)`
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   font-size: 18px;
 `;
-const ContentWrapper = styled(Box)`
+const ContentWrapper = styled(R)`
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -5965,7 +5963,7 @@ const ContentWrapper = styled(Box)`
   font-size: 18px;
   padding: 5px;
 `;
-const DetailsButtonWrapper = styled(Box)`
+const DetailsButtonWrapper = styled(R)`
   width: 100%;
   display: flex;
   justify-content: flex-end;
@@ -6098,7 +6096,7 @@ const EditUserForm = ({ data }) => {
       {
         sidebar: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
-            Box,
+            R,
             {
               as: "aside",
               background: "neutral0",
@@ -6110,15 +6108,15 @@ const EditUserForm = ({ data }) => {
               paddingTop: 2,
               shadow: "tableShadow",
               children: [
-                /* @__PURE__ */ jsxs(Flex, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
-                  /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Firebase User ID:" }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: userData.firebaseUserID || userData.uid })
+                /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
+                  /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Firebase User ID:" }),
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.firebaseUserID || userData.uid })
                   ] }),
-                  locationState?.strapiId && /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Strapi ID:" }),
+                  locationState?.strapiId && /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Strapi ID:" }),
                     /* @__PURE__ */ jsx(
-                      Typography,
+                      E,
                       {
                         variant: "sigma",
                         textColor: "primary600",
@@ -6138,37 +6136,37 @@ const EditUserForm = ({ data }) => {
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx(Divider, {}),
-                userData.providerData?.map((provider, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-                  index > 0 && /* @__PURE__ */ jsx(Divider, {}),
-                  /* @__PURE__ */ jsxs(Flex, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
-                    /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Provider:" }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: provider.providerId })
+                /* @__PURE__ */ jsx(pl, {}),
+                userData.providerData?.map((provider, index) => /* @__PURE__ */ jsxs(m__default.Fragment, { children: [
+                  index > 0 && /* @__PURE__ */ jsx(pl, {}),
+                  /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 2, children: [
+                    /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Provider:" }),
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: provider.providerId })
                     ] }),
-                    /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
-                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Identifier:" }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: provider.uid })
+                    /* @__PURE__ */ jsxs(T, { gap: 1, children: [
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Identifier:" }),
+                      /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: provider.uid })
                     ] })
                   ] })
                 ] }, index)),
-                /* @__PURE__ */ jsx(Divider, {}),
-                /* @__PURE__ */ jsxs(Flex, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 3, children: [
+                /* @__PURE__ */ jsx(pl, {}),
+                /* @__PURE__ */ jsxs(T, { paddingTop: 2, paddingBottom: 2, direction: "column", alignItems: "flex-start", gap: 3, children: [
                   userData.metadata?.lastSignInTime && /* @__PURE__ */ jsxs(MetaWrapper, { children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Last Sign In Time" }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: format(new Date(userData.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") })
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Last Sign In Time" }),
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: format(new Date(userData.metadata.lastSignInTime), "yyyy/MM/dd HH:mm z") })
                   ] }),
                   (userData.metadata?.creationTime || userData.createdAt) && /* @__PURE__ */ jsxs(MetaWrapper, { children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Creation Time" }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: userData.metadata?.creationTime ? format(new Date(userData.metadata.creationTime), "yyyy/MM/dd HH:mm z") : userData.createdAt ? format(new Date(userData.createdAt), "yyyy/MM/dd HH:mm z") : "-" })
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "Creation Time" }),
+                    /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.metadata?.creationTime ? format(new Date(userData.metadata.creationTime), "yyyy/MM/dd HH:mm z") : userData.createdAt ? format(new Date(userData.createdAt), "yyyy/MM/dd HH:mm z") : "-" })
                   ] })
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Box, { marginTop: 5, marginBottom: 5 }),
+          /* @__PURE__ */ jsx(R, { marginTop: 5, marginBottom: 5 }),
           /* @__PURE__ */ jsxs(
-            Box,
+            R,
             {
               as: "aside",
               background: "neutral0",
@@ -6180,8 +6178,8 @@ const EditUserForm = ({ data }) => {
               paddingTop: 4,
               shadow: "tableShadow",
               children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, children: "Account Actions" }),
-                /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+                /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", marginBottom: 2, children: "Account Actions" }),
+                /* @__PURE__ */ jsxs(T, { direction: "column", gap: 2, children: [
                   /* @__PURE__ */ jsx(
                     PasswordResetButton,
                     {
@@ -6197,7 +6195,7 @@ const EditUserForm = ({ data }) => {
                     }
                   ),
                   userData.email && !userData.emailVerified && /* @__PURE__ */ jsx(
-                    Button,
+                    Nn,
                     {
                       variant: "secondary",
                       fullWidth: true,
@@ -6215,9 +6213,9 @@ const EditUserForm = ({ data }) => {
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Box, { marginTop: 5, marginBottom: 5 }),
+          /* @__PURE__ */ jsx(R, { marginTop: 5, marginBottom: 5 }),
           userData.localUser && /* @__PURE__ */ jsx(
-            Box,
+            R,
             {
               as: "aside",
               background: "neutral0",
@@ -6228,11 +6226,11 @@ const EditUserForm = ({ data }) => {
               paddingRight: 2,
               paddingTop: 1,
               shadow: "tableShadow",
-              children: /* @__PURE__ */ jsxs(Box, { paddingTop: 2, paddingBottom: 2, children: [
+              children: /* @__PURE__ */ jsxs(R, { paddingTop: 2, paddingBottom: 2, children: [
                 /* @__PURE__ */ jsx(DetailsButtonWrapper, { children: /* @__PURE__ */ jsx(
-                  Link,
+                  zc,
                   {
-                    startIcon: /* @__PURE__ */ jsx(Pencil, {}),
+                    startIcon: /* @__PURE__ */ jsx(_3, {}),
                     onClick: () => navigate(
                       `/content-manager/collection-types/plugin::users-permissions.user/${userData.localUser?.id}`
                     ),
@@ -6241,8 +6239,8 @@ const EditUserForm = ({ data }) => {
                   }
                 ) }),
                 /* @__PURE__ */ jsxs(ContentWrapper, { children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "local user:" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: userData.localUser.username })
+                  /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: "local user:" }),
+                  /* @__PURE__ */ jsx(E, { variant: "sigma", textColor: "neutral600", children: userData.localUser.username })
                 ] })
               ] })
             }