@mercurjs/admin 2.1.2-canary.5 → 2.2.0-canary.1

package/dist/{chunk-EHLONIAY.js → chunk-CBGXKU7Z.js}

@@ -1,37 +1,31 @@
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
 import {
   ListSummary
 } from "./chunk-4F5GP7J7.js";
-import {
-  formatProvider
-} from "./chunk-VW56KWO2.js";
 import {
   isOptionEnabledInStore,
   isReturnOption
 } from "./chunk-HC25LNX7.js";
-import {
-  LinkButton
-} from "./chunk-7AV5EJJ5.js";
-import {
-  IconAvatar
-} from "./chunk-U2EI2ZLM.js";
 import {
   getFormattedAddress
 } from "./chunk-W6Y3PPU5.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import {
+  LinkButton
+} from "./chunk-7AV5EJJ5.js";
 import {
   countries
 } from "./chunk-JRTZWK77.js";
-import {
-  TwoColumnPage
-} from "./chunk-V5J73NPW.js";
 import {
   NoRecords
 } from "./chunk-634XVU3D.js";
 import {
-  TwoColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
 import {
   useDeleteFulfillmentServiceZone,
   useDeleteFulfillmentSet
@@ -45,9 +39,15 @@ import {
   useFulfillmentProviders,
   useStockLocation
 } from "./chunk-EPHVGD5Z.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-DL2ZIXBO.js";
+} from "./chunk-S5BJ5CMF.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/locations/location-detail/location-detail.tsx
 import { Children } from "react";

package/dist/{chunk-XRCERDBF.js → chunk-CKACZXMP.js}

@@ -1,7 +1,7 @@
 import {
   LocalizedTablePagination,
   useDeleteTaxRateAction
-} from "./chunk-ZBJ56XDB.js";
+} from "./chunk-Q2ULPJJ6.js";
 import {
   TaxRateRuleReferenceType
 } from "./chunk-LTBX54CI.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-QDPLZDMX.js";
 import {
   DataTableSearch
-} from "./chunk-YBZWO4ZV.js";
+} from "./chunk-YN3FGNJM.js";
 import {
   DataTableOrderBy
 } from "./chunk-KAZ5BYTQ.js";
@@ -18,21 +18,21 @@ import {
   NoRecords,
   NoResults
 } from "./chunk-634XVU3D.js";
-import {
-  TableFooterSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useProductTypes
 } from "./chunk-46M463BR.js";
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TableFooterSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/tax-regions/common/components/tax-rate-line/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";

package/dist/{chunk-GS7L2B4S.js → chunk-CKD5563X.js}

@@ -4,19 +4,19 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   useUsers
 } from "./chunk-GKGLVDDV.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/users/user-list/user-list.tsx
 import { Children as Children3 } from "react";
@@ -155,7 +155,6 @@ var UserListDataTable = () => {
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const { t } = useTranslation3();
-  const navigate = useNavigate();
   return useMemo2(
     () => [
       columnHelper.accessor("email", {
@@ -197,7 +196,7 @@ var useColumns = () => {
         }
       })
     ],
-    [t, navigate]
+    [t]
   );
 };
 var UserActions = ({ user }) => {

package/dist/{chunk-E3DLJSYD.js → chunk-COP7NFSJ.js}

@@ -1,7 +1,7 @@
 import {
   LocalizedTablePagination,
   TaxRegionCard
-} from "./chunk-ZBJ56XDB.js";
+} from "./chunk-Q2ULPJJ6.js";
 import {
   DataTableOrderBy
 } from "./chunk-KAZ5BYTQ.js";

package/dist/{chunk-CQ7HSDCL.js → chunk-CPXK5RSJ.js}

@@ -1,18 +1,18 @@
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   languages
 } from "./chunk-XQNVC4Q7.js";
 import {
   useMe
 } from "./chunk-GKGLVDDV.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/profile/profile-detail/profile-detail.tsx
 import { Children } from "react";

package/dist/{chunk-4OHMUFVP.js → chunk-CVFVEDMV.js}

@@ -1,13 +1,10 @@
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -15,6 +12,9 @@ import {
   useDeleteShippingProfile,
   useShippingProfiles
 } from "./chunk-N6SI4IIT.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/shipping-profiles/shipping-profiles-list/shipping-profile-list.tsx
 import { Children as Children3 } from "react";

package/dist/chunk-CYGIJOA5.js

@@ -0,0 +1,79 @@
+import {
+  require_dist
+} from "./chunk-2MDGYHWN.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/attributes/attribute-edit/schema.ts
+var import_types = __toESM(require_dist(), 1);
+import { z } from "zod";
+var ATTRIBUTE_TYPE_OPTIONS = [
+  import_types.AttributeType.SINGLE_SELECT,
+  import_types.AttributeType.MULTI_SELECT,
+  import_types.AttributeType.UNIT,
+  import_types.AttributeType.TOGGLE,
+  import_types.AttributeType.TEXT
+];
+var CreateAttributeSchema = z.object({
+  name: z.string().min(1),
+  description: z.string().max(250).optional(),
+  handle: z.string().optional(),
+  is_filterable: z.boolean().default(false),
+  is_required: z.boolean().default(false),
+  is_variant_axis: z.boolean().default(false),
+  type: z.enum([
+    import_types.AttributeType.SINGLE_SELECT,
+    import_types.AttributeType.MULTI_SELECT,
+    import_types.AttributeType.UNIT,
+    import_types.AttributeType.TOGGLE,
+    import_types.AttributeType.TEXT
+  ]).default(import_types.AttributeType.SINGLE_SELECT),
+  values: z.array(
+    z.object({
+      name: z.string().min(1),
+      rank: z.number(),
+      metadata: z.record(z.string()).optional()
+    })
+  ).optional(),
+  category_ids: z.array(z.string()).optional(),
+  metadata: z.record(z.string()).optional()
+}).superRefine((data, ctx) => {
+  if ([import_types.AttributeType.SINGLE_SELECT, import_types.AttributeType.MULTI_SELECT].includes(
+    data.type
+  ) && (!data.values || data.values.length === 0)) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "At least one value is required for this type.",
+      path: ["values"]
+    });
+  }
+});
+var UpdateAttributeSchema = z.object({
+  name: z.string().min(1).optional(),
+  description: z.string().max(250).optional(),
+  handle: z.string().optional(),
+  is_filterable: z.boolean().optional(),
+  is_required: z.boolean().optional(),
+  values: z.array(
+    z.object({
+      id: z.string().optional(),
+      name: z.string().min(1),
+      rank: z.number(),
+      metadata: z.record(z.string()).optional()
+    })
+  ).optional(),
+  category_ids: z.array(z.string()).optional(),
+  metadata: z.record(z.string()).optional()
+});
+var UpdatePossibleValueSchema = z.object({
+  name: z.string().min(1),
+  rank: z.number().min(0).optional()
+});
+
+export {
+  ATTRIBUTE_TYPE_OPTIONS,
+  CreateAttributeSchema,
+  UpdateAttributeSchema,
+  UpdatePossibleValueSchema
+};

package/dist/{chunk-XILJNA3R.js → chunk-D5T7QOVY.js}

@@ -1,26 +1,26 @@
 import {
   useCollectionTableColumns
 } from "./chunk-JQV7CXEC.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KLVTWJ4M.js";
-import {
-  SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useCollectionTableFilters
 } from "./chunk-KOURHC2N.js";
 import {
   useCollectionTableQuery
-} from "./chunk-HO7Z6MC3.js";
+} from "./chunk-NZ2LHIKD.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useCollections,
   useDeleteCollection
-} from "./chunk-U7WZYWGA.js";
+} from "./chunk-XZZTC7E5.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/collections/collection-list/collection-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-RTOCKSJ5.js → chunk-DOSKHIRH.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductCategoryAction
-} from "./chunk-YEUUI6JF.js";
+} from "./chunk-WDH5C2NS.js";
 import {
   getCategoryChildren,
   getCategoryPath,
@@ -12,34 +12,34 @@ import {
 } from "./chunk-7AV5EJJ5.js";
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-CBG4E3M3.js";
 import {
-  TwoColumnPage
-} from "./chunk-V5J73NPW.js";
+  useProductTableFilters
+} from "./chunk-GLPS6QFG.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
-  Skeleton,
-  TwoColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import {
-  useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
 import {
   useProductCategory,
   useUpdateProductCategoryProducts
-} from "./chunk-Z2QQZOG3.js";
+} from "./chunk-H5PYBIOZ.js";
+import {
+  Skeleton,
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/categories/category-detail/category-detail.tsx
 import { Children } from "react";

package/dist/{chunk-X3S5LZQO.js → chunk-DRJAKRTI.js}

@@ -1,9 +1,9 @@
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
 import {
   ListSummary
 } from "./chunk-4F5GP7J7.js";
-import {
-  SidebarLink
-} from "./chunk-4GPAS5GW.js";
 import {
   getFormattedAddress
 } from "./chunk-W6Y3PPU5.js";
@@ -12,10 +12,10 @@ import {
 } from "./chunk-PHOCVOZ5.js";
 import {
   TwoColumnPage
-} from "./chunk-V5J73NPW.js";
+} from "./chunk-E74OUNA3.js";
 import {
   DataTable
-} from "./chunk-UQITHKTH.js";
+} from "./chunk-LYZT5REU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -179,7 +179,8 @@ var useLocationListTableColumns = () => {
         }
       })
     ],
-    []
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    [navigate, t]
   );
 };
 
@@ -198,9 +199,38 @@ var useLocationListTableQuery = ({
   return searchParams;
 };
 
+// src/components/common/sidebar-link/sidebar-link.tsx
+import { Link } from "react-router-dom";
+import { TriangleRightMini } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SidebarLink = ({
+  to,
+  labelKey,
+  descriptionKey,
+  icon
+}) => {
+  return /* @__PURE__ */ jsx2(Link, { to, className: "group outline-none", children: /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx2("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsx2(IconAvatar, { children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx2(
+        Text,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-ui-fg-subtle",
+          children: descriptionKey
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: /* @__PURE__ */ jsx2(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+  ] }) }) }) });
+};
+
 // src/pages/locations/location-list/location-list.tsx
 import { keepPreviousData } from "@tanstack/react-query";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var PREFIX = "loc";
 var LocationListContent = () => {
@@ -228,12 +258,12 @@ var LocationListContent = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     Container,
     {
       className: "flex flex-col divide-y p-0",
       "data-testid": "location-list-container",
-      children: /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx3(
         DataTable,
         {
           data: stockLocations,
@@ -272,16 +302,16 @@ var LocationListContent = () => {
 };
 var LinksSection = () => {
   const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs(Container, { className: "p-0", "data-testid": "location-list-sidebar", children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs2(Container, { className: "p-0", "data-testid": "location-list-sidebar", children: [
+    /* @__PURE__ */ jsx3(
       "div",
       {
         className: "flex items-center justify-between px-6 py-4",
         "data-testid": "location-list-sidebar-header",
-        children: /* @__PURE__ */ jsx2(Heading, { level: "h2", "data-testid": "location-list-sidebar-heading", children: t("stockLocations.sidebar.header") })
+        children: /* @__PURE__ */ jsx3(Heading, { level: "h2", "data-testid": "location-list-sidebar-heading", children: t("stockLocations.sidebar.header") })
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       SidebarLink,
       {
         to: "/settings/locations/shipping-profiles",
@@ -289,11 +319,11 @@ var LinksSection = () => {
         descriptionKey: t(
           "stockLocations.sidebar.shippingProfiles.description"
         ),
-        icon: /* @__PURE__ */ jsx2(ShoppingBag, {}),
+        icon: /* @__PURE__ */ jsx3(ShoppingBag, {}),
         "data-testid": "location-list-sidebar-shipping-profiles-link"
       }
     ),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       SidebarLink,
       {
         to: "/settings/locations/shipping-option-types",
@@ -301,16 +331,16 @@ var LinksSection = () => {
         descriptionKey: t(
           "stockLocations.sidebar.shippingOptionTypes.description"
         ),
-        icon: /* @__PURE__ */ jsx2(TruckFast, {}),
+        icon: /* @__PURE__ */ jsx3(TruckFast, {}),
         "data-testid": "location-list-sidebar-shipping-option-types-link"
       }
     )
   ] });
 };
 var Root = ({ children }) => {
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(TwoColumnPage, { showJSON: true, children }) : /* @__PURE__ */ jsxs(TwoColumnPage, { showJSON: true, children: [
-    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(LocationListContent, {}) }),
-    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(LinksSection, {}) })
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(TwoColumnPage, { showJSON: true, children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { showJSON: true, children: [
+    /* @__PURE__ */ jsx3(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx3(LocationListContent, {}) }),
+    /* @__PURE__ */ jsx3(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx3(LinksSection, {}) })
   ] });
 };
 var LocationListPage = Object.assign(Root, {

package/dist/{chunk-V5J73NPW.js → chunk-E74OUNA3.js}

@@ -1,7 +1,7 @@
 import {
   JsonViewSection,
   MetadataSection
-} from "./chunk-XIZLPYEE.js";
+} from "./chunk-H6MYB7GB.js";
 
 // src/components/layout/pages/two-column-page/two-column-page.tsx
 import { clx } from "@medusajs/ui";

package/dist/{chunk-52ZAPY3Z.js → chunk-ED7XNGZD.js}

@@ -2,32 +2,29 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-XRCERDBF.js";
+} from "./chunk-CKACZXMP.js";
 import {
   TaxRegionTable,
   useTaxRegionTable
-} from "./chunk-E3DLJSYD.js";
+} from "./chunk-COP7NFSJ.js";
 import {
   TaxRegionCard
-} from "./chunk-ZBJ56XDB.js";
+} from "./chunk-Q2ULPJJ6.js";
 import {
   getCountryProvinceObjectByIso2
 } from "./chunk-N2TQXB44.js";
-import {
-  formatProvider
-} from "./chunk-VW56KWO2.js";
-import {
-  SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
 import {
   useTaxRateTableQuery
 } from "./chunk-MG4GKUJW.js";
 import {
   useTaxRegionTableQuery
 } from "./chunk-AYVH6Q5O.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useTaxRates
 } from "./chunk-AEMDNTW5.js";
@@ -35,6 +32,9 @@ import {
   useTaxRegion,
   useTaxRegions
 } from "./chunk-LYD3C73Z.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/tax-regions/tax-region-detail/tax-region-detail.tsx
 import { useState as useState2, Children } from "react";

package/dist/{chunk-J3JN6OWV.js → chunk-EJTB2SLE.js}

@@ -3,30 +3,30 @@ import {
 } from "./chunk-RK5N3XIX.js";
 import {
   getPromotionStatus
-} from "./chunk-V2MYKK5U.js";
+} from "./chunk-AB2LHP3M.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
 import {
   formatCurrency
 } from "./chunk-XSX255FK.js";
-import {
-  TwoColumnPage
-} from "./chunk-V5J73NPW.js";
 import {
   NoRecords
 } from "./chunk-634XVU3D.js";
 import {
-  TwoColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
 import {
   useDeletePromotion,
   usePromotion,
   usePromotionRules
 } from "./chunk-ZN7LWXVC.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/promotions/promotion-detail/promotion-detail.tsx
 import { Children } from "react";

package/dist/{chunk-Z4CSKRJ4.js → chunk-ELM74U2R.js}

@@ -1,19 +1,19 @@
 import {
   useRefundReasonTableColumns
 } from "./chunk-5A4JNOK3.js";
+import {
+  useRefundReasonTableQuery
+} from "./chunk-NZ2LHIKD.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   DataTable
-} from "./chunk-UQITHKTH.js";
-import {
-  useRefundReasonTableQuery
-} from "./chunk-HO7Z6MC3.js";
+} from "./chunk-LYZT5REU.js";
 import {
   useDeleteRefundReasonLazy,
   useRefundReasons
-} from "./chunk-PBQ5M44A.js";
+} from "./chunk-AXTQMIIK.js";
 
 // src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
 import { Children as Children3 } from "react";