@mercurjs/admin 2.1.6 → 2.2.0-canary.11

package/dist/{chunk-7YHAFHGI.js → chunk-3JSAS7QP.js}

@@ -4,31 +4,25 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
-import {
-  SingleColumnPage
-} from "./chunk-H6MYB7GB.js";
-import {
-  Combobox
-} from "./chunk-AW77UWCZ.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   useAttributeTableFilters
 } from "./chunk-RT6L7JXU.js";
 import {
   useAttributeTableQuery
-} from "./chunk-C3WE6EFO.js";
+} from "./chunk-4YWKKCTT.js";
 import {
-  attributesQueryKeys,
-  useAttributes,
-  useDeleteAttribute,
-  useUpdateAttribute
-} from "./chunk-7O5NDICV.js";
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
-  useProductCategories
-} from "./chunk-Z2QQZOG3.js";
+  productAttributesQueryKeys,
+  useDeleteProductAttribute,
+  useProductAttributes,
+  useUpdateProductAttribute
+} from "./chunk-533GMKEG.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -38,11 +32,10 @@ import {
 
 // src/pages/attributes/attribute-list/loader.ts
 var attributeListQuery = () => ({
-  queryKey: attributesQueryKeys.lists(),
-  queryFn: async () => sdk.admin.attributes.query({
+  queryKey: productAttributesQueryKeys.lists(),
+  queryFn: async () => sdk.admin.productAttributes.query({
     limit: 20,
-    offset: 0,
-    fields: "*possible_values,*product_categories"
+    offset: 0
   })
 });
 var attributeListLoader = async (_args) => {
@@ -68,19 +61,25 @@ import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import {
   Badge,
-  Button,
-  Heading,
   Prompt,
   Switch,
-  Text,
   toast,
   usePrompt
 } from "@medusajs/ui";
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MAX_VISIBLE_VALUES = 2;
-var FilterableToggle = ({ attribute }) => {
-  const { mutateAsync } = useUpdateAttribute(attribute.id);
+var ATTRIBUTE_TYPE_LABELS = {
+  single_select: "attributes.type.select",
+  multi_select: "attributes.type.multivalue",
+  unit: "attributes.type.unit",
+  toggle: "attributes.type.toggle",
+  text: "attributes.type.text_area"
+};
+var FilterableToggle = ({
+  attribute
+}) => {
+  const { mutateAsync } = useUpdateProductAttribute(attribute.id);
   const handleToggle = async (checked) => {
     try {
       await mutateAsync({ is_filterable: checked });
@@ -88,142 +87,59 @@ var FilterableToggle = ({ attribute }) => {
       toast.error(err.message);
     }
   };
-  return (
-    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ jsx("div", { onClick: (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-    }, children: /* @__PURE__ */ jsx(
-      Switch,
-      {
-        checked: !!attribute.is_filterable,
-        onCheckedChange: handleToggle,
-        size: "small"
-      }
-    ) })
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      children: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: !!attribute.is_filterable,
+          onCheckedChange: handleToggle,
+          size: "small"
+        }
+      )
+    }
   );
 };
-var GlobalToggle = ({ attribute }) => {
-  const { t } = useTranslation();
-  const { mutateAsync } = useUpdateAttribute(attribute.id);
-  const [categoryModalOpen, setCategoryModalOpen] = useState(false);
-  const [selectedCategoryIds, setSelectedCategoryIds] = useState([]);
-  const categories = attribute.product_categories ?? [];
-  const isGlobal = !categories.length;
-  const { product_categories: allCategories } = useProductCategories({
-    limit: 999
-  });
-  const categoryOptions = (allCategories ?? []).map((cat) => ({
-    label: cat.name,
-    value: cat.id
-  }));
+var RequiredToggle = ({
+  attribute
+}) => {
+  const { mutateAsync } = useUpdateProductAttribute(attribute.id);
   const handleToggle = async (checked) => {
-    if (checked) {
-      try {
-        await mutateAsync({ product_category_ids: [] });
-      } catch (err) {
-        toast.error(err.message);
-      }
-    } else {
-      setSelectedCategoryIds(categories.map((c) => c.id));
-      setCategoryModalOpen(true);
-    }
-  };
-  const handleSaveCategory = async () => {
-    if (!selectedCategoryIds.length) return;
     try {
-      await mutateAsync({
-        product_category_ids: selectedCategoryIds
-      });
-      setCategoryModalOpen(false);
-      setSelectedCategoryIds([]);
+      await mutateAsync({ is_required: checked });
     } catch (err) {
       toast.error(err.message);
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { onClick: (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-    }, children: /* @__PURE__ */ jsx(
-      Switch,
-      {
-        checked: isGlobal,
-        onCheckedChange: handleToggle,
-        size: "small"
-      }
-    ) }),
-    categoryModalOpen && createPortal(
-      // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-      /* @__PURE__ */ jsxs(
-        "div",
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      children: /* @__PURE__ */ jsx(
+        Switch,
         {
-          className: "fixed inset-0 z-50 flex items-center justify-center",
-          onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "bg-ui-bg-overlay fixed inset-0",
-                onClick: (e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-base shadow-elevation-flyout relative flex w-full max-w-[400px] flex-col rounded-lg border", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1 px-6 pt-6", children: [
-                /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("attributes.selectCategory.title") }),
-                /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("attributes.selectCategory.description") })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(
-                Combobox,
-                {
-                  options: categoryOptions,
-                  value: selectedCategoryIds,
-                  onChange: (val) => setSelectedCategoryIds(val)
-                }
-              ) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2 p-6", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "secondary",
-                    size: "small",
-                    onClick: () => {
-                      setCategoryModalOpen(false);
-                      setSelectedCategoryIds([]);
-                    },
-                    children: t("actions.cancel")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "small",
-                    disabled: !selectedCategoryIds.length,
-                    onClick: () => handleSaveCategory(),
-                    children: t("actions.save")
-                  }
-                )
-              ] })
-            ] })
-          ]
+          checked: !!attribute.is_required,
+          onCheckedChange: handleToggle,
+          size: "small"
         }
-      ),
-      document.body
-    )
-  ] });
+      )
+    }
+  );
 };
 var AttributeActions = ({
   attribute
 }) => {
   const { t } = useTranslation();
   const prompt = usePrompt();
-  const { mutateAsync } = useDeleteAttribute(attribute.id);
+  const { mutateAsync } = useDeleteProductAttribute(attribute.id);
   const [inUseOpen, setInUseOpen] = useState(false);
   const handleDelete = async () => {
     const res = await prompt({
@@ -295,34 +211,48 @@ var useAttributeTableColumns = () => {
   return useMemo(
     () => [
       columnHelper.accessor("name", {
-        header: () => t("attributes.fields.productAttribute"),
+        header: () => t("attributes.fields.name"),
         cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
       }),
       columnHelper.accessor("handle", {
         header: () => t("attributes.fields.handle"),
-        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() || "-" })
+        cell: ({ getValue }) => {
+          const handle = getValue();
+          return /* @__PURE__ */ jsx(TextCell, { text: handle ? `/${handle}` : "-" });
+        }
+      }),
+      columnHelper.accessor("is_required", {
+        header: () => t("attributes.fields.required"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(RequiredToggle, { attribute: row.original })
       }),
       columnHelper.accessor("is_filterable", {
         header: () => t("attributes.fields.filterable"),
         cell: ({ row }) => /* @__PURE__ */ jsx(FilterableToggle, { attribute: row.original })
       }),
-      columnHelper.display({
-        id: "is_global",
-        header: () => t("attributes.fields.global"),
-        cell: ({ row }) => /* @__PURE__ */ jsx(GlobalToggle, { attribute: row.original })
+      columnHelper.accessor("type", {
+        header: () => t("attributes.fields.type"),
+        cell: ({ getValue }) => {
+          const type = getValue();
+          const labelKey = ATTRIBUTE_TYPE_LABELS[type];
+          return /* @__PURE__ */ jsx(TextCell, { text: labelKey ? t(labelKey) : type });
+        }
+      }),
+      columnHelper.accessor("is_variant_axis", {
+        header: () => t("attributes.fields.variantAxis"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() ? t("filters.radio.yes") : t("filters.radio.no") })
       }),
       columnHelper.display({
         id: "values",
         header: () => t("attributes.fields.values"),
         cell: ({ row }) => {
-          const values = row.original.possible_values ?? [];
+          const values = row.original.values ?? [];
           if (!values.length) {
             return /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted", children: "-" });
           }
           const visible = values.slice(0, MAX_VISIBLE_VALUES);
           const remaining = values.length - MAX_VISIBLE_VALUES;
           return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
-            visible.map((v) => /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "grey", children: v.value }, v.id)),
+            visible.map((v) => /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "grey", children: v.name }, v.id)),
             remaining > 0 && /* @__PURE__ */ jsxs(Badge, { size: "2xsmall", color: "grey", children: [
               "+",
               remaining
@@ -345,16 +275,13 @@ var PAGE_SIZE = 20;
 var AttributeListDataTable = () => {
   const { t } = useTranslation2();
   const { searchParams, raw } = useAttributeTableQuery({ pageSize: PAGE_SIZE });
-  const { attributes, count, isPending, isError, error } = useAttributes(
-    searchParams,
-    {
-      placeholderData: keepPreviousData
-    }
-  );
+  const { product_attributes, count, isPending, isError, error } = useProductAttributes(searchParams, {
+    placeholderData: keepPreviousData
+  });
   const filters = useAttributeTableFilters();
   const columns = useAttributeTableColumns();
   const { table } = useDataTable({
-    data: attributes ?? [],
+    data: product_attributes ?? [],
     count,
     columns,
     getRowId: (row) => row.id,
@@ -392,20 +319,20 @@ var AttributeListDataTable = () => {
 
 // src/pages/attributes/attribute-list/components/attribute-list-view/attribute-list-header.tsx
 import { Children } from "react";
-import { Button as Button2, Heading as Heading2 } from "@medusajs/ui";
+import { Button, Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var AttributeListTitle = () => {
   const { t } = useTranslation3();
-  return /* @__PURE__ */ jsx3(Heading2, { "data-testid": "attribute-list-table-heading", children: t("attributes.list.title") });
+  return /* @__PURE__ */ jsx3(Heading, { "data-testid": "attribute-list-table-heading", children: t("attributes.list.title") });
 };
 var AttributeListActions = ({
   children
 }) => {
   const { t } = useTranslation3();
   return /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx3(
-    Button2,
+    Button,
     {
       variant: "secondary",
       size: "small",

package/dist/chunk-3VDLE5GA.js

@@ -0,0 +1,87 @@
+import {
+  require_dist
+} from "./chunk-UCYSCKZV.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),
+  is_global: z.boolean().default(true),
+  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(),
+      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 ?? []).some((value) => value.name.trim().length > 0)) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "attributes.create.possibleValuesRequired",
+      path: ["values"]
+    });
+  }
+  if (!data.is_global && (data.category_ids ?? []).length === 0) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "attributes.create.categoriesRequired",
+      path: ["category_ids"]
+    });
+  }
+});
+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-GJPGL7RP.js → chunk-3VTAK3S6.js}

@@ -12,10 +12,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
-import {
-  ChipGroup
-} from "./chunk-IGTRIAUC.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   StackedFocusModal,
   useStackedModal
@@ -25,15 +22,98 @@ import {
 } from "./chunk-3QSRE5LS.js";
 
 // src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
-import { Button, Checkbox } from "@medusajs/ui";
+import { Button as Button2, Checkbox } from "@medusajs/ui";
 import {
   createColumnHelper
 } from "@tanstack/react-table";
 import { useEffect, useMemo, useState } from "react";
 import { useFieldArray } from "react-hook-form";
-import { useTranslation } from "react-i18next";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import { z } from "zod";
+
+// src/components/common/chip-group/chip-group.tsx
+import { XMarkMini } from "@medusajs/icons";
+import { Button, clx } from "@medusajs/ui";
+import { Children, createContext, useContext } from "react";
+import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
+var GroupContext = createContext(null);
+var useGroupContext = () => {
+  const context = useContext(GroupContext);
+  if (!context) {
+    throw new Error("useGroupContext must be used within a ChipGroup component");
+  }
+  return context;
+};
+var Group = ({
+  onClearAll,
+  onRemove,
+  variant = "component",
+  className,
+  children
+}) => {
+  const { t } = useTranslation();
+  const showClearAll = !!onClearAll && Children.count(children) > 0;
+  return /* @__PURE__ */ jsx(GroupContext.Provider, { value: { onRemove, variant }, children: /* @__PURE__ */ jsxs(
+    "ul",
+    {
+      role: "application",
+      className: clx("flex flex-wrap items-center gap-2", className),
+      children: [
+        children,
+        showClearAll && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "transparent",
+            type: "button",
+            onClick: onClearAll,
+            className: "text-ui-fg-muted active:text-ui-fg-subtle",
+            children: t("actions.clearAll")
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var Chip = ({ index, className, children }) => {
+  const { onRemove, variant } = useGroupContext();
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: clx(
+        "bg-ui-bg-component shadow-borders-base flex items-stretch divide-x overflow-hidden rounded-md",
+        {
+          "bg-ui-bg-component": variant === "component",
+          "bg-ui-bg-base-": variant === "base"
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "txt-compact-small-plus text-ui-fg-subtle flex items-center justify-center px-2 py-1", children }),
+        !!onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onRemove(index),
+            type: "button",
+            className: clx(
+              "text-ui-fg-muted active:text-ui-fg-subtle transition-fg flex items-center justify-center p-1",
+              {
+                "hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed": variant === "component",
+                "hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed": variant === "base"
+              }
+            ),
+            children: /* @__PURE__ */ jsx(XMarkMini, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var ChipGroup = Object.assign(Group, { Chip });
+
+// src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var GeoZoneSchema = z.object({
   countries: z.array(
     z.object({ iso_2: z.string().min(2), display_name: z.string() })
@@ -43,7 +123,7 @@ var GeoZoneFormImpl = ({
   form
 }) => {
   const castForm = form;
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const { fields, remove, replace } = useFieldArray({
     control: castForm.control,
     name: "countries",
@@ -53,28 +133,28 @@ var GeoZoneFormImpl = ({
     replace([]);
   };
   validateForm(form);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     Form.Field,
     {
       control: form.control,
       name: "countries",
       render: () => {
-        return /* @__PURE__ */ jsxs(Form.Item, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("stockLocations.serviceZones.manageAreas.label") }),
-              /* @__PURE__ */ jsx(Form.Hint, { children: t("stockLocations.serviceZones.manageAreas.hint") })
+        return /* @__PURE__ */ jsxs2(Form.Item, { children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-x-4", children: [
+            /* @__PURE__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsx2(Form.Label, { children: t("stockLocations.serviceZones.manageAreas.label") }),
+              /* @__PURE__ */ jsx2(Form.Hint, { children: t("stockLocations.serviceZones.manageAreas.hint") })
             ] }),
-            /* @__PURE__ */ jsx(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", children: t("stockLocations.serviceZones.manageAreas.action") }) })
+            /* @__PURE__ */ jsx2(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx2(Button2, { size: "small", variant: "secondary", type: "button", children: t("stockLocations.serviceZones.manageAreas.action") }) })
           ] }),
-          /* @__PURE__ */ jsx(Form.ErrorMessage, {}),
-          /* @__PURE__ */ jsx(Form.Control, { className: "mt-0", children: fields.length > 0 && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx2(Form.ErrorMessage, {}),
+          /* @__PURE__ */ jsx2(Form.Control, { className: "mt-0", children: fields.length > 0 && /* @__PURE__ */ jsx2(
             ChipGroup,
             {
               onClearAll: handleClearAll,
               onRemove: remove,
               className: "py-4",
-              children: fields.map((field, index) => /* @__PURE__ */ jsx(ChipGroup.Chip, { index, children: field.display_name }, field.iso_2))
+              children: fields.map((field, index) => /* @__PURE__ */ jsx2(ChipGroup.Chip, { index, children: field.display_name }, field.iso_2))
             }
           ) })
         ] });
@@ -88,7 +168,7 @@ var AreaStackedModal = ({
   form
 }) => {
   const castForm = form;
-  const { t } = useTranslation();
+  const { t } = useTranslation2();
   const { getValues, setValue } = castForm;
   const { setIsOpen, getIsOpen } = useStackedModal();
   const open = getIsOpen(GEO_ZONE_STACKED_MODAL_ID);
@@ -176,12 +256,12 @@ var AreaStackedModal = ({
     prefix: PREFIX
   });
   validateForm(form);
-  return /* @__PURE__ */ jsxs(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsxs(StackedFocusModal.Header, { children: [
-      /* @__PURE__ */ jsx(StackedFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.label") }) }),
-      /* @__PURE__ */ jsx(StackedFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.hint") }) })
+  return /* @__PURE__ */ jsxs2(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs2(StackedFocusModal.Header, { children: [
+      /* @__PURE__ */ jsx2(StackedFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx2("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.label") }) }),
+      /* @__PURE__ */ jsx2(StackedFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx2("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.hint") }) })
     ] }),
-    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx2(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx2(
       _DataTable,
       {
         table,
@@ -199,9 +279,9 @@ var AreaStackedModal = ({
         prefix: PREFIX
       }
     ) }),
-    /* @__PURE__ */ jsx(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx(StackedFocusModal.Close, { type: "button", asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
-      /* @__PURE__ */ jsx(Button, { size: "small", type: "button", onClick: handleAdd, children: t("actions.save") })
+    /* @__PURE__ */ jsx2(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx2(StackedFocusModal.Close, { type: "button", asChild: true, children: /* @__PURE__ */ jsx2(Button2, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button2, { size: "small", type: "button", onClick: handleAdd, children: t("actions.save") })
     ] }) })
   ] });
 };
@@ -213,7 +293,7 @@ var useColumns = () => {
       columnHelper.display({
         id: "select",
         header: ({ table }) => {
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             Checkbox,
             {
               checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
@@ -223,7 +303,7 @@ var useColumns = () => {
         },
         cell: ({ row }) => {
           const isPreselected = !row.getCanSelect();
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             Checkbox,
             {
               checked: row.getIsSelected() || isPreselected,