@mercurjs/admin 2.1.6 → 2.2.0-canary.11

package/dist/product-bulk-edit-J3CMBZN2.js

@@ -0,0 +1,285 @@
+import {
+  PRODUCT_IDS_KEY
+} from "./chunk-LO2ZWQGL.js";
+import {
+  DataGrid,
+  DataGridCellContainer,
+  DataGridReadonlyCell,
+  createDataGridHelper,
+  useDataGridCell,
+  useDataGridCellError
+} from "./chunk-KT7X72J4.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import {
+  useBatchProducts,
+  useProducts
+} from "./chunk-H3MAUKL7.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-bulk-edit/product-bulk-edit.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+
+// src/pages/products/product-bulk-edit/components/product-bulk-edit-form/product-bulk-edit-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useRef } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/products/product-bulk-edit/hooks/use-product-bulk-edit-columns.tsx
+import { Select, Switch, clx } from "@medusajs/ui";
+import { useMemo } from "react";
+import { Controller } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS_OPTIONS = [
+  "draft",
+  "proposed",
+  "published",
+  "rejected"
+];
+var helper = createDataGridHelper();
+var useProductBulkEditColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      helper.column({
+        id: "title",
+        name: t("fields.title"),
+        header: t("fields.title"),
+        cell: (context) => {
+          const product = context.row.original;
+          return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("span", { title: product.title || void 0, children: product.title || "-" }) });
+        },
+        disableHiding: true
+      }),
+      helper.column({
+        id: "status",
+        name: t("fields.status"),
+        header: t("fields.status"),
+        field: (context) => {
+          const index = context.row.index;
+          return `products.${index}.status`;
+        },
+        type: "text",
+        cell: (context) => /* @__PURE__ */ jsx(BulkEditStatusCell, { context, t })
+      }),
+      helper.column({
+        id: "discountable",
+        name: t("fields.discountable"),
+        header: t("fields.discountable"),
+        field: (context) => {
+          const index = context.row.index;
+          return `products.${index}.discountable`;
+        },
+        type: "boolean",
+        cell: (context) => /* @__PURE__ */ jsx(BulkEditDiscountableCell, { context, t })
+      })
+    ],
+    [t]
+  );
+};
+var BulkEditStatusCell = ({
+  context,
+  t
+}) => {
+  const { field, control, renderProps } = useDataGridCell({ context });
+  const errorProps = useDataGridCellError({ context });
+  const { container } = renderProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: { value, onChange, ref } }) => /* @__PURE__ */ jsx(
+        DataGridCellContainer,
+        {
+          ...container,
+          ...errorProps,
+          showOverlay: false,
+          children: /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
+            /* @__PURE__ */ jsx(
+              Select.Trigger,
+              {
+                ref,
+                className: clx(
+                  "h-full w-full rounded-none border-none bg-transparent px-0 shadow-none",
+                  "hover:bg-transparent focus:shadow-none data-[state=open]:!shadow-none"
+                ),
+                children: /* @__PURE__ */ jsx(Select.Value, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(Select.Content, { children: STATUS_OPTIONS.map((status) => /* @__PURE__ */ jsx(Select.Item, { value: status, children: t(`products.productStatus.${status}`) }, status)) })
+          ] })
+        }
+      )
+    }
+  );
+};
+var BulkEditDiscountableCell = ({
+  context,
+  t
+}) => {
+  const { field, control, renderProps } = useDataGridCell({ context });
+  const errorProps = useDataGridCellError({ context });
+  const { container } = renderProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: { value, onChange, ref } }) => /* @__PURE__ */ jsx(
+        DataGridCellContainer,
+        {
+          ...container,
+          ...errorProps,
+          showOverlay: false,
+          children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                ref,
+                checked: value,
+                onCheckedChange: onChange,
+                size: "small"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "txt-compact-small text-ui-fg-base", children: value ? t("fields.true") : t("fields.false") })
+          ] })
+        }
+      )
+    }
+  );
+};
+
+// src/pages/products/product-bulk-edit/schema.ts
+import { z } from "zod";
+var ProductBulkEditItemSchema = z.object({
+  id: z.string(),
+  status: z.enum([
+    "draft",
+    "proposed",
+    "published",
+    "rejected"
+  ]),
+  discountable: z.boolean()
+});
+var ProductBulkEditSchema = z.object({
+  products: z.array(ProductBulkEditItemSchema)
+});
+
+// src/pages/products/product-bulk-edit/components/product-bulk-edit-form/product-bulk-edit-form.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductBulkEditForm = ({ products }) => {
+  const { t } = useTranslation2();
+  const { setCloseOnEscape, handleSuccess } = useRouteModal();
+  const initialValues = useRef(getDefaultValues(products));
+  const form = useForm({
+    defaultValues: getDefaultValues(products),
+    resolver: zodResolver(ProductBulkEditSchema)
+  });
+  const columns = useProductBulkEditColumns();
+  const { mutateAsync, isPending } = useBatchProducts();
+  const onSubmit = form.handleSubmit(async (data) => {
+    const initialById = new Map(
+      (initialValues.current.products ?? []).map((p) => [p?.id, p])
+    );
+    const changed = data.products.filter((p) => {
+      const prev = initialById.get(p.id);
+      return !prev || prev.status !== p.status || prev.discountable !== p.discountable;
+    }).map((p) => ({
+      id: p.id,
+      status: p.status,
+      discountable: p.discountable
+    }));
+    if (!changed.length) {
+      handleSuccess();
+      return;
+    }
+    await mutateAsync(
+      { update: changed },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("products.bulkEdit.successToast", { count: changed.length })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs2(KeyboundForm, { onSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx2(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "size-full flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx2(
+      DataGrid,
+      {
+        columns,
+        data: products,
+        state: form,
+        onEditingChange: (editing) => {
+          setCloseOnEscape(!editing);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+function getDefaultValues(products) {
+  return {
+    products: products.map((p) => ({
+      id: p.id,
+      status: p.status,
+      discountable: p.discountable
+    }))
+  };
+}
+
+// src/pages/products/product-bulk-edit/product-bulk-edit.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ProductBulkEdit = () => {
+  const { t } = useTranslation3();
+  const [searchParams] = useSearchParams();
+  const productIds = searchParams.get(PRODUCT_IDS_KEY)?.split(",") || void 0;
+  const { products, isPending, isError, error } = useProducts(
+    {
+      id: productIds,
+      limit: productIds?.length || 0,
+      fields: "id,title,status,discountable"
+    },
+    { enabled: !!productIds?.length }
+  );
+  const ready = !isPending && !!products && !!productIds?.length;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs3(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx3(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("products.bulkEdit.title") }) }),
+    /* @__PURE__ */ jsx3(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("products.bulkEdit.description") }) }),
+    ready && /* @__PURE__ */ jsx3(ProductBulkEditForm, { products })
+  ] });
+};
+export {
+  ProductBulkEdit as Component
+};

package/dist/{product-create-BDQ66ECX.js → product-create-UR5OFGUY.js}

@@ -1,68 +1,67 @@
 import {
   ProductCreate
-} from "./chunk-ZXYKF4A2.js";
-import "./chunk-IGTRIAUC.js";
-import "./chunk-HJ56YXBU.js";
-import "./chunk-MWX5JCOM.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-CKNQJPAG.js";
-import "./chunk-MDABSESI.js";
-import "./chunk-54RTJBYO.js";
-import "./chunk-OB4NOV4M.js";
-import "./chunk-3DOCALSU.js";
-import "./chunk-AEFDAU3Y.js";
-import "./chunk-AW77UWCZ.js";
+} from "./chunk-F52JLHE3.js";
+import "./chunk-IIFQ7KYL.js";
 import "./chunk-26UTIAAZ.js";
-import "./chunk-MXGDKEU5.js";
-import "./chunk-UXD3VNBO.js";
+import "./chunk-EBYWGIOR.js";
+import "./chunk-HJ56YXBU.js";
+import "./chunk-AJLGY3LQ.js";
 import "./chunk-SMQT3ZNO.js";
-import "./chunk-YGRTRAWX.js";
+import "./chunk-RT6L7JXU.js";
+import "./chunk-4YWKKCTT.js";
+import "./chunk-QUPUWR42.js";
+import "./chunk-5KGMGL4N.js";
+import "./chunk-PYDRHQTY.js";
+import "./chunk-AW77UWCZ.js";
+import "./chunk-4KX6CBJ4.js";
+import "./chunk-A62MTLPR.js";
 import "./chunk-4LXBQTFN.js";
 import "./chunk-2EME4AWX.js";
-import "./chunk-VGM5UQRA.js";
+import "./chunk-YGRTRAWX.js";
+import "./chunk-KT7X72J4.js";
+import "./chunk-IQPN4PZJ.js";
 import "./chunk-TKGWSUEI.js";
 import "./chunk-U2ZFCAPX.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-4KX6CBJ4.js";
-import "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import "./chunk-FWJLS7XD.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-PBQ5M44A.js";
+import "./chunk-LYZT5REU.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UCYSCKZV.js";
+import "./chunk-LJDGVBOQ.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import "./chunk-7O5NDICV.js";
 import "./chunk-46M463BR.js";
+import "./chunk-NJP3DEE5.js";
+import "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.js";
 import "./chunk-DAXXLQKB.js";
 import "./chunk-OHOWEMHO.js";
+import "./chunk-JPNPTILP.js";
+import "./chunk-ESPLVOFC.js";
 import "./chunk-GKGLVDDV.js";
+import "./chunk-N6SI4IIT.js";
 import "./chunk-WJJXUXSO.js";
 import "./chunk-LAPEZATU.js";
-import "./chunk-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.js";
+import "./chunk-453BC56K.js";
+import "./chunk-Z5T5EPLF.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
 import "./chunk-ZN7LWXVC.js";
+import "./chunk-P5XVG4PY.js";
 import "./chunk-VYMODH6P.js";
 import "./chunk-LEG67A2R.js";
 import "./chunk-PRBE5CM3.js";
 import "./chunk-5TRY5IMZ.js";
-import "./chunk-TAKEQAZZ.js";
-import "./chunk-B6FG7A6W.js";
 import "./chunk-EPHVGD5Z.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-DL2ZIXBO.js";
-import "./chunk-Z2QQZOG3.js";
-import "./chunk-5CK6XEFV.js";
+import "./chunk-VT6QIVZW.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-6FHQCLHQ.js";
+import "./chunk-DN2K5EAH.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-H3MAUKL7.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-ZBWL72TB.js";

package/dist/product-create-attribute-XARMC6FJ.js

@@ -0,0 +1,224 @@
+import {
+  ChipInput
+} from "./chunk-YGRTRAWX.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useAddAttributeToProduct
+} from "./chunk-H3MAUKL7.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-create-attribute/product-create-attribute.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-create-attribute/components/create-attribute-form/create-attribute-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Hint, Input, Label, Switch, Textarea, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateAttributeForm = ({
+  productId
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const schema = zod.object({
+    title: zod.string().trim().min(1, { message: t("products.create.attributes.errors.titleRequired") }),
+    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
+      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
+      { message: t("products.create.attributes.errors.valuesRequired") }
+    ),
+    use_for_variants: zod.boolean()
+  });
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      values: "",
+      use_for_variants: false
+    },
+    resolver: zodResolver(schema)
+  });
+  const useForVariants = form.watch("use_for_variants");
+  const { mutateAsync: createAttribute, isPending } = useAddAttributeToProduct(productId);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const values = Array.isArray(data.values) ? data.values : data.values.split(",").map((v) => v.trim()).filter(Boolean);
+    await createAttribute(
+      {
+        name: data.title,
+        type: data.use_for_variants ? "multi_select" : "text",
+        is_variant_axis: data.use_for_variants,
+        values
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-xl p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-start gap-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+            Label,
+            {
+              size: "xsmall",
+              weight: "plus",
+              className: "text-ui-fg-subtle",
+              children: t("fields.title")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "title",
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...field,
+                    "aria-invalid": fieldState.invalid ? "true" : void 0,
+                    className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                    placeholder: t(
+                      "products.create.attributes.titlePlaceholder"
+                    ),
+                    "data-testid": "create-attribute-title-input"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
+            Label,
+            {
+              size: "xsmall",
+              weight: "plus",
+              className: "text-ui-fg-subtle",
+              children: t("fields.values")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "values",
+              render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Control, { children: useForVariants ? /* @__PURE__ */ jsx(
+                  ChipInput,
+                  {
+                    variant: "contrast",
+                    value: Array.isArray(value) ? value : [],
+                    onChange,
+                    "aria-invalid": fieldState.invalid ? "true" : void 0,
+                    className: fieldState.invalid ? "shadow-borders-error focus-within:!shadow-borders-error" : void 0,
+                    placeholder: t(
+                      "products.create.attributes.valuePlaceholder"
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    "aria-invalid": fieldState.invalid ? "true" : void 0,
+                    className: fieldState.invalid ? "bg-ui-bg-field-component shadow-borders-error focus:shadow-borders-error" : "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
+                    value: Array.isArray(value) ? value.join(", ") : value ?? "",
+                    onChange: (e) => onChange(e.target.value),
+                    placeholder: t(
+                      "products.create.attributes.valuePlaceholder"
+                    ),
+                    "data-testid": "create-attribute-values-input"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", {}),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "use_for_variants",
+              render: ({
+                field: { value, onChange: fieldOnChange, ref }
+              }) => /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-3 py-1.5", children: [
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    ref,
+                    className: "shrink-0 rtl:rotate-180",
+                    checked: value,
+                    onCheckedChange: (checked) => {
+                      fieldOnChange(checked);
+                      form.setValue("values", checked ? [] : "", {
+                        shouldValidate: false
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx(Label, { size: "xsmall", weight: "plus", children: t(
+                    "products.create.attributes.useForVariants"
+                  ) }),
+                  /* @__PURE__ */ jsx(Hint, { className: "!txt-small", children: t(
+                    "products.create.attributes.useForVariantsDescription"
+                  ) })
+                ] })
+              ] }) })
+            }
+          )
+        ] }) }) }) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: isPending,
+              "data-testid": "create-attribute-submit-button",
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/products/product-create-attribute/product-create-attribute.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductCreateAttribute = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.addAttribute") }) }),
+    /* @__PURE__ */ jsx2(CreateAttributeForm, { productId: id })
+  ] });
+};
+export {
+  ProductCreateAttribute as Component
+};

package/dist/product-create-variant-6VUKYLWE.js

@@ -0,0 +1,20 @@
+import {
+  ProductCreateVariant
+} from "./chunk-5UPOHLBD.js";
+import "./chunk-JSMUFZZN.js";
+import "./chunk-AW77UWCZ.js";
+import "./chunk-4LXBQTFN.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-GVEF6UDT.js";
+import "./chunk-UCYSCKZV.js";
+import "./chunk-H3MAUKL7.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  ProductCreateVariant as Component
+};