restaurant-kit 0.1.0

package/dist/admin/AdminDraftProvider.js

@@ -0,0 +1,10 @@
+import { jsx as i } from "react/jsx-runtime";
+import { AdminDraftContext as m } from "./adminDraftContext.js";
+import { useAdminMenuDraft as n } from "./useAdminMenuDraft.js";
+function a({ children: r, options: t }) {
+  const o = n(t);
+  return /* @__PURE__ */ i(m.Provider, { value: o, children: r });
+}
+export {
+  a as AdminDraftProvider
+};

package/dist/admin/AdminGroupsPanel.js

@@ -0,0 +1,68 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { RestrictToVerticalAxis as m } from "@dnd-kit/abstract/modifiers";
+import { useSortable as h } from "@dnd-kit/react/sortable";
+import * as l from "@radix-ui/react-popover";
+import { Settings2 as b, Plus as f, GripVertical as P, Trash2 as N } from "lucide-react";
+import { cx as v } from "../utils.js";
+import { AdminMenuIconPicker as C } from "./AdminMenuIconPicker.js";
+import r from "./AdminMenuEditor.module.css.js";
+function R({ groups: s, onAddGroup: d, onDeleteGroup: u, onUpdateGroup: a }) {
+  return /* @__PURE__ */ n(l.Root, { children: [
+    /* @__PURE__ */ e(l.Trigger, { asChild: !0, children: /* @__PURE__ */ n("button", { className: r.secondaryButton, type: "button", children: [
+      /* @__PURE__ */ e(b, { "aria-hidden": "true" }),
+      "Manage groups"
+    ] }) }),
+    /* @__PURE__ */ e(l.Portal, { children: /* @__PURE__ */ n(l.Content, { className: r.managePanel, align: "end", sideOffset: 8, collisionPadding: 12, children: [
+      /* @__PURE__ */ e("p", { className: r.managePanelTitle, children: "Menu groups · drag to reorder" }),
+      /* @__PURE__ */ e("div", { className: r.manageList, children: s.map((o, t) => /* @__PURE__ */ e(x, { row: o, sortableIndex: t, onDeleteGroup: u, onUpdateGroup: a }, o.group.id)) }),
+      /* @__PURE__ */ e("div", { className: r.managePanelFoot, children: /* @__PURE__ */ n("button", { className: r.secondaryButton, type: "button", onClick: d, children: [
+        /* @__PURE__ */ e(f, { "aria-hidden": "true" }),
+        "Add group"
+      ] }) })
+    ] }) })
+  ] });
+}
+function x({ row: s, sortableIndex: d, onDeleteGroup: u, onUpdateGroup: a }) {
+  const { group: o, hasSections: t, itemCount: c } = s, { isDragging: p, ref: g } = h({
+    id: `group:${o.id}`,
+    index: d,
+    group: "menu-groups",
+    data: { kind: "group", id: o.id },
+    modifiers: [m],
+    transition: { idle: !0 }
+  });
+  return /* @__PURE__ */ n("div", { className: v(r.groupRow, p && r.dragging), ref: g, children: [
+    /* @__PURE__ */ e("span", { className: r.groupHandle, "aria-hidden": "true", children: /* @__PURE__ */ e(P, {}) }),
+    /* @__PURE__ */ e("div", { onPointerDown: (i) => i.stopPropagation(), children: /* @__PURE__ */ e(C, { label: `Choose ${o.label} icon`, value: o.icon, onChange: (i) => a(o.id, { icon: i }) }) }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        "aria-label": `${o.label} group name`,
+        value: o.label,
+        onChange: (i) => a(o.id, { label: i.target.value }),
+        onPointerDown: (i) => i.stopPropagation()
+      }
+    ),
+    /* @__PURE__ */ n("span", { className: r.groupCount, children: [
+      c,
+      " item",
+      c === 1 ? "" : "s"
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: r.groupDelete,
+        type: "button",
+        disabled: t,
+        title: t ? "Move or delete this group's sections first" : `Delete ${o.label}`,
+        "aria-label": `Delete ${o.label}`,
+        onClick: () => u(o.id),
+        onPointerDown: (i) => i.stopPropagation(),
+        children: /* @__PURE__ */ e(N, { "aria-hidden": "true" })
+      }
+    )
+  ] });
+}
+export {
+  R as AdminGroupsPanel
+};

package/dist/admin/AdminItemDrawer.js

@@ -0,0 +1,264 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { ImagePlus as P, Crop as W, Trash2 as E, Plus as V, X as z } from "lucide-react";
+import { useState as b, useRef as X, useEffect as K } from "react";
+import Y, { convertToPixelCrop as _, centerCrop as q, makeAspectCrop as J } from "react-image-crop";
+import "react-image-crop/dist/ReactCrop.css";
+import { sortByOrder as Q } from "../menu/menuOrdering.js";
+import { formatPrice as U, priceInputValue as M, priceFromInput as D } from "../menu/priceFormat.js";
+import r from "./AdminMenuEditor.module.css.js";
+import { imageSrc as T } from "../menu-browser/menuItemDisplay.js";
+function Z({ ingredients: l, onChange: i }) {
+  const [s, o] = b(""), m = (n) => {
+    const c = n.trim().replace(/,+$/, "").trim();
+    o(""), c && (l.some((d) => d.toLowerCase() === c.toLowerCase()) || i([...l, c]));
+  };
+  return /* @__PURE__ */ a("div", { className: r.fieldGroup, children: [
+    /* @__PURE__ */ e("label", { htmlFor: "item-removable-ingredients", children: "Removable ingredients" }),
+    /* @__PURE__ */ a("div", { className: r.chipBox, children: [
+      l.map((n) => /* @__PURE__ */ a("span", { className: r.chip, children: [
+        n,
+        /* @__PURE__ */ e("button", { type: "button", onClick: () => i(l.filter((c) => c !== n)), "aria-label": `Remove ${n}`, children: /* @__PURE__ */ e(z, { "aria-hidden": "true" }) })
+      ] }, n)),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "item-removable-ingredients",
+          className: r.chipField,
+          value: s,
+          placeholder: l.length ? "Add another…" : "e.g. pickles, garlic sauce",
+          onChange: (n) => {
+            if (n.target.value.endsWith(",")) {
+              m(n.target.value);
+              return;
+            }
+            o(n.target.value);
+          },
+          onKeyDown: (n) => {
+            n.key === "Enter" && (n.preventDefault(), m(s));
+          },
+          onBlur: () => m(s)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("small", { children: "Customers can untick these when ordering. Press Enter or comma to add." })
+  ] });
+}
+function j({ id: l, label: i, value: s, onChange: o }) {
+  const [m, n] = b(() => M(s).currency), c = M(s, m), d = (h) => {
+    o(D(h, c.currency));
+  }, g = (h) => {
+    n(h), o(D(c.amount, h));
+  };
+  return /* @__PURE__ */ a("div", { className: r.fieldGroup, children: [
+    /* @__PURE__ */ e("label", { htmlFor: l, children: i }),
+    /* @__PURE__ */ a("div", { className: r.priceField, children: [
+      /* @__PURE__ */ e("input", { id: l, inputMode: "decimal", value: c.amount, onChange: (h) => d(h.target.value), placeholder: "7.50" }),
+      /* @__PURE__ */ a("div", { className: r.currencyToggle, "aria-label": `${i} currency`, children: [
+        /* @__PURE__ */ e("button", { className: c.currency === "USD" ? r.selectedCurrency : "", type: "button", onClick: () => g("USD"), children: "USD" }),
+        /* @__PURE__ */ e("button", { className: c.currency === "LBP" ? r.selectedCurrency : "", type: "button", onClick: () => g("LBP"), children: "LBP" })
+      ] })
+    ] })
+  ] });
+}
+const $ = 3 / 2;
+function ee(l, i) {
+  return q(
+    J(
+      {
+        unit: "%",
+        width: 92
+      },
+      $,
+      l,
+      i
+    ),
+    l,
+    i
+  );
+}
+function re(l) {
+  return new Promise((i, s) => {
+    l.toBlob((o) => {
+      o ? i(o) : s(new Error("Could not crop image."));
+    }, "image/jpeg", 0.92);
+  });
+}
+async function te(l, i, s) {
+  const o = document.createElement("canvas"), m = 1200, n = 800;
+  o.width = m, o.height = n;
+  const c = o.getContext("2d");
+  if (!c) throw new Error("Could not prepare image crop.");
+  const d = i.naturalWidth / i.width, g = i.naturalHeight / i.height, h = s.x * d, k = s.y * g, v = s.width * d, p = s.height * g;
+  c.drawImage(i, h, k, v, p, 0, 0, m, n);
+  const f = await re(o), F = l.name.replace(/\.[^.]+$/, "") || "menu-image";
+  return new File([f], `${F}-cropped.jpg`, { type: "image/jpeg" });
+}
+function pe({ isUploadingImage: l, item: i, onAddSize: s, onClose: o, onDelete: m, onRemoveImage: n, onRemoveSize: c, onUpdate: d, onUpdateSize: g, onUploadImage: h }) {
+  const k = !!i.image, v = `drawer-image-upload-${i.id}`, [p, f] = b(null), [F, N] = b(), [R, y] = b(null), [S, I] = b(!1), [w, C] = b(""), B = X(null);
+  K(() => () => {
+    p && URL.revokeObjectURL(p.url);
+  }, [p]);
+  const L = () => {
+    p && URL.revokeObjectURL(p.url), f(null), N(void 0), y(null), I(!1), C("");
+  }, x = (t) => {
+    p && URL.revokeObjectURL(p.url), f({ file: t, url: URL.createObjectURL(t) }), N(void 0), y(null), C("");
+  }, A = async () => {
+    if (i.image) {
+      C("");
+      try {
+        const t = await fetch(T(i.image));
+        if (!t.ok) throw new Error("Could not load image.");
+        const u = await t.blob(), G = new File([u], `${i.title || "menu-image"}.jpg`, { type: u.type || "image/jpeg" });
+        x(G);
+      } catch {
+        C("Could not open this image for cropping. Choose the source file again to crop it.");
+      }
+    }
+  }, O = async () => {
+    if (p) {
+      if (!B.current || !R?.width || !R.height) {
+        C("Choose a crop area before uploading.");
+        return;
+      }
+      I(!0);
+      try {
+        const t = await te(p.file, B.current, R);
+        h(t), L();
+      } catch {
+        C("Could not crop this image. Try another file."), I(!1);
+      }
+    }
+  }, H = (t) => {
+    const u = ee(t.width, t.height);
+    N(u), y(_(u, t.width, t.height));
+  };
+  return /* @__PURE__ */ a("aside", { className: r.editorDrawer, "aria-label": "Edit menu item details", children: [
+    /* @__PURE__ */ a("div", { className: r.drawerHeader, children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "micro-label", children: "Edit item" }),
+        /* @__PURE__ */ e("h2", { children: i.title })
+      ] }),
+      /* @__PURE__ */ e("button", { className: r.iconButton, type: "button", onClick: o, "aria-label": "Close item editor", children: "x" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: r.drawerFields, children: [
+      /* @__PURE__ */ a("div", { className: r.drawerImageBlock, children: [
+        k ? /* @__PURE__ */ a("figure", { className: r.drawerMedia, children: [
+          /* @__PURE__ */ e("img", { src: T(i.image), alt: "" }),
+          /* @__PURE__ */ a("figcaption", { className: r.drawerImageOverlay, "aria-label": "Image actions", children: [
+            /* @__PURE__ */ a("label", { className: r.drawerImageTool, htmlFor: v, "aria-disabled": l, children: [
+              /* @__PURE__ */ e(P, { "aria-hidden": "true" }),
+              l ? "Uploading" : "Replace"
+            ] }),
+            /* @__PURE__ */ a("button", { className: r.drawerImageTool, type: "button", onClick: () => {
+              A();
+            }, disabled: l, children: [
+              /* @__PURE__ */ e(W, { "aria-hidden": "true" }),
+              "Crop"
+            ] }),
+            /* @__PURE__ */ a("button", { className: `${r.drawerImageTool} ${r.dangerImageTool}`, type: "button", onClick: n, disabled: l, children: [
+              /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
+              "Remove"
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ a("label", { className: r.drawerMediaEmpty, htmlFor: v, "aria-disabled": l, children: [
+          /* @__PURE__ */ e(P, { "aria-hidden": "true" }),
+          l ? "Uploading image" : "Choose & crop image"
+        ] }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            className: r.fileInput,
+            id: v,
+            type: "file",
+            accept: "image/*",
+            disabled: l,
+            onChange: (t) => {
+              const u = t.target.files?.[0];
+              t.target.value = "", u && x(u);
+            }
+          }
+        ),
+        w ? /* @__PURE__ */ e("p", { className: r.inlineError, children: w }) : null
+      ] }),
+      /* @__PURE__ */ a("div", { className: r.fieldGroup, children: [
+        /* @__PURE__ */ e("label", { htmlFor: "item-title", children: "Name" }),
+        /* @__PURE__ */ e("input", { id: "item-title", value: i.title, onChange: (t) => d({ title: t.target.value }) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: r.fieldGroup, children: [
+        /* @__PURE__ */ e("label", { htmlFor: "item-description", children: "Description" }),
+        /* @__PURE__ */ e("textarea", { id: "item-description", className: r.drawerTextarea, value: i.description, onChange: (t) => d({ description: t.target.value }), placeholder: "Shown under the item name" })
+      ] }),
+      /* @__PURE__ */ e(Z, { ingredients: i.removableIngredients ?? [], onChange: (t) => d({ removableIngredients: t.length ? t : void 0 }) }),
+      /* @__PURE__ */ a("div", { className: r.fieldGroup, children: [
+        /* @__PURE__ */ e("label", { htmlFor: "item-image", children: "Image path or URL" }),
+        /* @__PURE__ */ e("input", { id: "item-image", value: i.image, onChange: (t) => d({ image: t.target.value, imageKey: void 0 }), placeholder: "assets/menu/..." }),
+        /* @__PURE__ */ e("small", { children: "Optional. Manual paths are treated as external/static images." })
+      ] }),
+      /* @__PURE__ */ a("div", { className: r.segmented, children: [
+        /* @__PURE__ */ e("button", { className: i.pricingMode === "single" ? r.selectedSegment : "", type: "button", onClick: () => d({ pricingMode: "single", sizes: [] }), children: "Single price" }),
+        /* @__PURE__ */ e("button", { className: i.pricingMode === "sizes" ? r.selectedSegment : "", type: "button", onClick: () => d({ pricingMode: "sizes" }), children: "Size prices" })
+      ] }),
+      i.pricingMode === "single" ? /* @__PURE__ */ e(j, { id: "item-price", label: "Price", value: i.price, onChange: (t) => d({ price: t }) }) : /* @__PURE__ */ a("div", { className: r.sizeEditor, children: [
+        /* @__PURE__ */ a("div", { className: r.sizeHeader, children: [
+          /* @__PURE__ */ e("h3", { children: "Sizes" }),
+          /* @__PURE__ */ a("button", { type: "button", onClick: s, children: [
+            /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
+            "Add size"
+          ] })
+        ] }),
+        Q(i.sizes).map((t) => /* @__PURE__ */ a("div", { className: r.sizeRow, children: [
+          /* @__PURE__ */ e("input", { "aria-label": "Size label", value: t.label, onChange: (u) => g(t.id, { label: u.target.value }) }),
+          /* @__PURE__ */ e(j, { id: `size-price-${t.id}`, label: "Size price", value: t.price, onChange: (u) => g(t.id, { price: u }) }),
+          /* @__PURE__ */ e("button", { type: "button", onClick: () => c(t.id), "aria-label": "Remove size", children: /* @__PURE__ */ e(E, { "aria-hidden": "true" }) })
+        ] }, t.id))
+      ] }),
+      /* @__PURE__ */ a("label", { className: r.checkboxLabel, children: [
+        /* @__PURE__ */ e("input", { type: "checkbox", checked: i.isVisible, onChange: (t) => d({ isVisible: t.target.checked }) }),
+        "Visible on public menu"
+      ] }),
+      /* @__PURE__ */ a("div", { className: r.drawerPreview, children: [
+        /* @__PURE__ */ e("span", { children: "Customer price" }),
+        /* @__PURE__ */ e("strong", { children: i.pricingMode === "sizes" ? "Shown in size buttons" : U(i.price) || "M.P." })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: r.drawerActions, children: [
+      /* @__PURE__ */ a("button", { className: r.secondaryButton, type: "button", onClick: m, children: [
+        /* @__PURE__ */ e(E, { "aria-hidden": "true" }),
+        "Delete item"
+      ] }),
+      /* @__PURE__ */ e("button", { className: r.primaryButton, type: "button", onClick: o, children: "Done" })
+    ] }),
+    p ? /* @__PURE__ */ e("div", { className: r.cropModalBackdrop, role: "presentation", children: /* @__PURE__ */ a("div", { className: r.cropModal, role: "dialog", "aria-modal": "true", "aria-labelledby": "crop-menu-image-title", children: [
+      /* @__PURE__ */ a("div", { className: r.cropHeader, children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e("p", { className: "micro-label", children: "Crop image" }),
+          /* @__PURE__ */ e("h3", { id: "crop-menu-image-title", children: "Frame the menu photo" })
+        ] }),
+        /* @__PURE__ */ e("button", { className: r.iconButton, type: "button", onClick: L, "aria-label": "Close cropper", children: /* @__PURE__ */ e(z, { "aria-hidden": "true" }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: r.cropStage, children: /* @__PURE__ */ e(
+        Y,
+        {
+          aspect: $,
+          crop: F,
+          keepSelection: !0,
+          minWidth: 160,
+          onChange: (t, u) => N(u),
+          onComplete: (t) => y(t),
+          ruleOfThirds: !0,
+          children: /* @__PURE__ */ e("img", { ref: B, src: p.url, alt: "", onLoad: (t) => H(t.currentTarget) })
+        }
+      ) }),
+      w ? /* @__PURE__ */ e("p", { className: r.inlineError, children: w }) : null,
+      /* @__PURE__ */ a("div", { className: r.cropActions, children: [
+        /* @__PURE__ */ e("button", { className: r.secondaryButton, type: "button", onClick: L, children: "Cancel" }),
+        /* @__PURE__ */ e("button", { className: r.primaryButton, type: "button", onClick: () => {
+          O();
+        }, disabled: S || l, children: S || l ? "Uploading" : "Use cropped image" })
+      ] })
+    ] }) }) : null
+  ] });
+}
+export {
+  pe as AdminItemDrawer
+};

package/dist/admin/AdminMenuCard.js

@@ -0,0 +1,63 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useSortable as f } from "@dnd-kit/react/sortable";
+import { EyeOff as b, Loader2 as y, Pencil as N } from "lucide-react";
+import { sortByOrder as B } from "../menu/menuOrdering.js";
+import { cx as p } from "../utils.js";
+import a from "./AdminMenuEditor.module.css.js";
+import { imageSrc as I } from "../menu-browser/menuItemDisplay.js";
+import { formatPrice as h } from "../menu/priceFormat.js";
+function E({ index: m, isReordering: l, isUploadingImage: g, item: r, onEdit: n }) {
+  const c = !!r.image, s = B(r.sizes), o = r.pricingMode === "sizes" && s.length > 0, { isDragging: t, ref: u } = f({
+    id: `item:${r.id}`,
+    index: m,
+    group: `category:${r.categoryId}`,
+    data: { kind: "item", id: r.id, categoryId: r.categoryId },
+    disabled: !l,
+    transition: { idle: !0 }
+  });
+  return /* @__PURE__ */ d(
+    "article",
+    {
+      className: p(a.card, !c && a.noImageCard, l && a.reorderableCard, t && a.dragging, t && a.cardDragging),
+      ref: u,
+      tabIndex: l ? -1 : 0,
+      role: "button",
+      "aria-label": `Edit ${r.title}`,
+      onClick: () => {
+        l || n();
+      },
+      onKeyDown: (i) => {
+        l || (i.key === "Enter" || i.key === " ") && (i.preventDefault(), n());
+      },
+      children: [
+        r.isVisible ? null : /* @__PURE__ */ d("span", { className: p(a.cardBadge, a.hiddenBadge), children: [
+          /* @__PURE__ */ e(b, { "aria-hidden": "true" }),
+          "Hidden"
+        ] }),
+        g ? /* @__PURE__ */ d("span", { className: a.cardBadge, children: [
+          /* @__PURE__ */ e(y, { "aria-hidden": "true", className: a.badgeSpinner }),
+          "Uploading"
+        ] }) : null,
+        c ? /* @__PURE__ */ e("figure", { className: a.media, children: /* @__PURE__ */ e("img", { src: I(r.image), alt: "" }) }) : null,
+        /* @__PURE__ */ d("div", { className: a.cardBody, children: [
+          /* @__PURE__ */ d("header", { children: [
+            /* @__PURE__ */ e("h3", { children: r.title }),
+            o ? null : /* @__PURE__ */ e("span", { className: a.cardPrice, children: h(r.price) || "M.P." })
+          ] }),
+          r.description ? /* @__PURE__ */ e("p", { children: r.description }) : null,
+          o ? /* @__PURE__ */ e("div", { className: a.variationTabs, "aria-label": `${r.title} prices`, children: s.map((i) => /* @__PURE__ */ d("div", { className: a.variationTab, children: [
+            /* @__PURE__ */ e("span", { children: i.label }),
+            /* @__PURE__ */ e("strong", { children: h(i.price) })
+          ] }, i.id)) }) : null
+        ] }),
+        l ? null : /* @__PURE__ */ e("span", { className: a.cardVeil, "aria-hidden": "true", children: /* @__PURE__ */ d("span", { className: a.editChip, children: [
+          /* @__PURE__ */ e(N, { "aria-hidden": "true" }),
+          "Edit item"
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  E as AdminMenuCard
+};

package/dist/admin/AdminMenuEditor.module.css.js

@@ -0,0 +1,209 @@
+const n = "_page_3n94h_1", e = "_header_3n94h_10", t = "_catalogActions_3n94h_20", o = "_drawerHeader_3n94h_21", a = "_syncStatus_3n94h_34", _ = "_headerActions_3n94h_42", r = "_authActions_3n94h_43", c = "_categoryTools_3n94h_44", i = "_drawerActions_3n94h_46", s = "_toolbarButtons_3n94h_47", d = "_primaryButton_3n94h_54", h = "_secondaryButton_3n94h_55", g = "_iconButton_3n94h_57", l = "_sizeHeader_3n94h_61", u = "_sizeRow_3n94h_62", p = "_menuEditor_3n94h_128", m = "_authPanel_3n94h_133", b = "_authForm_3n94h_166", w = "_authField_3n94h_173", k = "_controlStrip_3n94h_201", y = "_tabToolbar_3n94h_212", T = "_activeModeButton_3n94h_234", B = "_tabs_3n94h_239", P = "_tab_3n94h_212", I = "_editingTab_3n94h_265", S = "_activeTab_3n94h_269", v = "_dragging_3n94h_275", H = "_tabMain_3n94h_280", C = "_tabGlyph_3n94h_307", F = "_categoryHeading_3n94h_326", A = "_card_3n94h_45", D = "_fieldGroup_3n94h_330", E = "_catalog_3n94h_20", G = "_catalogButtons_3n94h_387", M = "_categoryBlock_3n94h_400", x = "_grid_3n94h_475", z = "_reorderableCard_3n94h_498", L = "_cardVeil_3n94h_502", O = "_editChip_3n94h_520", R = "_cardBadge_3n94h_538", f = "_hiddenBadge_3n94h_566", V = "_badgeSpinner_3n94h_570", j = "_cardDragging_3n94h_598", q = "_noImageCard_3n94h_609", J = "_media_3n94h_614", K = "_fileInput_3n94h_639", N = "_cardBody_3n94h_648", Q = "_cardPrice_3n94h_677", U = "_variationTabs_3n94h_702", W = "_variationTab_3n94h_702", X = "_emptyState_3n94h_745", Y = "_editorDrawer_3n94h_762", Z = "_drawerFields_3n94h_793", $ = "_drawerImageBlock_3n94h_801", nn = "_drawerMedia_3n94h_806", en = "_drawerMediaEmpty_3n94h_835", tn = "_drawerImageOverlay_3n94h_864", on = "_drawerImageTool_3n94h_889", an = "_dangerImageTool_3n94h_929", _n = "_inlineError_3n94h_944", rn = "_drawerTextarea_3n94h_952", cn = "_checkboxLabel_3n94h_977", sn = "_priceField_3n94h_1000", dn = "_currencyToggle_3n94h_1006", hn = "_selectedCurrency_3n94h_1032", gn = "_segmented_3n94h_1037", ln = "_selectedSegment_3n94h_1055", un = "_sizeEditor_3n94h_1060", pn = "_drawerPreview_3n94h_1104", mn = "_kebabButton_3n94h_1242", bn = "_menuContent_3n94h_1267", wn = "_menuItem_3n94h_1277", kn = "_menuItemDanger_3n94h_1307", yn = "_menuSeparator_3n94h_1315", Tn = "_sectionHiddenTag_3n94h_1321", Bn = "_reorderingGrid_3n94h_1338", Pn = "_managePanel_3n94h_1343", In = "_managePanelTitle_3n94h_1355", Sn = "_manageList_3n94h_1364", vn = "_groupRow_3n94h_1369", Hn = "_groupHandle_3n94h_1390", Cn = "_groupCount_3n94h_1421", Fn = "_groupDelete_3n94h_1431", An = "_managePanelFoot_3n94h_1460", Dn = "_iconPickerTrigger_3n94h_1471", En = "_iconPickerPanel_3n94h_1517", Gn = "_iconPickerTitle_3n94h_1527", Mn = "_iconPickerGrid_3n94h_1536", xn = "_iconPickerOption_3n94h_1542", zn = "_selectedIconPickerOption_3n94h_1569", Ln = "_cropHeader_3n94h_1601", On = "_cropActions_3n94h_1602", Rn = "_cropStage_3n94h_1617", fn = "_chipBox_3n94h_1671", Vn = "_chip_3n94h_1671", jn = "_chipField_3n94h_1727", qn = "_backupsDialog_3n94h_1743", Jn = "_backupsHeader_3n94h_1758", Kn = "_backupsList_3n94h_1780", Nn = "_backupRow_3n94h_1788", Qn = "_backupsEmpty_3n94h_1808", Un = "_viewSwitch_3n94h_1815", Wn = {
+  page: n,
+  header: e,
+  catalogActions: t,
+  drawerHeader: o,
+  syncStatus: a,
+  headerActions: _,
+  authActions: r,
+  categoryTools: c,
+  drawerActions: i,
+  toolbarButtons: s,
+  primaryButton: d,
+  secondaryButton: h,
+  iconButton: g,
+  sizeHeader: l,
+  sizeRow: u,
+  menuEditor: p,
+  authPanel: m,
+  authForm: b,
+  authField: w,
+  controlStrip: k,
+  tabToolbar: y,
+  activeModeButton: T,
+  tabs: B,
+  tab: P,
+  editingTab: I,
+  activeTab: S,
+  dragging: v,
+  tabMain: H,
+  tabGlyph: C,
+  categoryHeading: F,
+  card: A,
+  fieldGroup: D,
+  catalog: E,
+  catalogButtons: G,
+  categoryBlock: M,
+  grid: x,
+  reorderableCard: z,
+  cardVeil: L,
+  editChip: O,
+  cardBadge: R,
+  hiddenBadge: f,
+  badgeSpinner: V,
+  cardDragging: j,
+  noImageCard: q,
+  media: J,
+  fileInput: K,
+  cardBody: N,
+  cardPrice: Q,
+  variationTabs: U,
+  variationTab: W,
+  emptyState: X,
+  editorDrawer: Y,
+  drawerFields: Z,
+  drawerImageBlock: $,
+  drawerMedia: nn,
+  drawerMediaEmpty: en,
+  drawerImageOverlay: tn,
+  drawerImageTool: on,
+  dangerImageTool: an,
+  inlineError: _n,
+  drawerTextarea: rn,
+  checkboxLabel: cn,
+  priceField: sn,
+  currencyToggle: dn,
+  selectedCurrency: hn,
+  segmented: gn,
+  selectedSegment: ln,
+  sizeEditor: un,
+  drawerPreview: pn,
+  kebabButton: mn,
+  menuContent: bn,
+  menuItem: wn,
+  menuItemDanger: kn,
+  menuSeparator: yn,
+  sectionHiddenTag: Tn,
+  reorderingGrid: Bn,
+  managePanel: Pn,
+  managePanelTitle: In,
+  manageList: Sn,
+  groupRow: vn,
+  groupHandle: Hn,
+  groupCount: Cn,
+  groupDelete: Fn,
+  managePanelFoot: An,
+  iconPickerTrigger: Dn,
+  iconPickerPanel: En,
+  iconPickerTitle: Gn,
+  iconPickerGrid: Mn,
+  iconPickerOption: xn,
+  selectedIconPickerOption: zn,
+  cropHeader: Ln,
+  cropActions: On,
+  cropStage: Rn,
+  chipBox: fn,
+  chip: Vn,
+  chipField: jn,
+  backupsDialog: qn,
+  backupsHeader: Jn,
+  backupsList: Kn,
+  backupRow: Nn,
+  backupsEmpty: Qn,
+  viewSwitch: Un
+};
+export {
+  T as activeModeButton,
+  S as activeTab,
+  r as authActions,
+  w as authField,
+  b as authForm,
+  m as authPanel,
+  Nn as backupRow,
+  qn as backupsDialog,
+  Qn as backupsEmpty,
+  Jn as backupsHeader,
+  Kn as backupsList,
+  V as badgeSpinner,
+  A as card,
+  R as cardBadge,
+  N as cardBody,
+  j as cardDragging,
+  Q as cardPrice,
+  L as cardVeil,
+  E as catalog,
+  t as catalogActions,
+  G as catalogButtons,
+  M as categoryBlock,
+  F as categoryHeading,
+  c as categoryTools,
+  cn as checkboxLabel,
+  Vn as chip,
+  fn as chipBox,
+  jn as chipField,
+  k as controlStrip,
+  On as cropActions,
+  Ln as cropHeader,
+  Rn as cropStage,
+  dn as currencyToggle,
+  an as dangerImageTool,
+  Wn as default,
+  v as dragging,
+  i as drawerActions,
+  Z as drawerFields,
+  o as drawerHeader,
+  $ as drawerImageBlock,
+  tn as drawerImageOverlay,
+  on as drawerImageTool,
+  nn as drawerMedia,
+  en as drawerMediaEmpty,
+  pn as drawerPreview,
+  rn as drawerTextarea,
+  O as editChip,
+  I as editingTab,
+  Y as editorDrawer,
+  X as emptyState,
+  D as fieldGroup,
+  K as fileInput,
+  x as grid,
+  Cn as groupCount,
+  Fn as groupDelete,
+  Hn as groupHandle,
+  vn as groupRow,
+  e as header,
+  _ as headerActions,
+  f as hiddenBadge,
+  g as iconButton,
+  Mn as iconPickerGrid,
+  xn as iconPickerOption,
+  En as iconPickerPanel,
+  Gn as iconPickerTitle,
+  Dn as iconPickerTrigger,
+  _n as inlineError,
+  mn as kebabButton,
+  Sn as manageList,
+  Pn as managePanel,
+  An as managePanelFoot,
+  In as managePanelTitle,
+  J as media,
+  bn as menuContent,
+  p as menuEditor,
+  wn as menuItem,
+  kn as menuItemDanger,
+  yn as menuSeparator,
+  q as noImageCard,
+  n as page,
+  sn as priceField,
+  d as primaryButton,
+  z as reorderableCard,
+  Bn as reorderingGrid,
+  h as secondaryButton,
+  Tn as sectionHiddenTag,
+  gn as segmented,
+  hn as selectedCurrency,
+  zn as selectedIconPickerOption,
+  ln as selectedSegment,
+  un as sizeEditor,
+  l as sizeHeader,
+  u as sizeRow,
+  a as syncStatus,
+  P as tab,
+  C as tabGlyph,
+  H as tabMain,
+  y as tabToolbar,
+  B as tabs,
+  s as toolbarButtons,
+  W as variationTab,
+  U as variationTabs,
+  Un as viewSwitch
+};

package/dist/admin/AdminMenuGroupTabs.js

@@ -0,0 +1,43 @@
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { menuIcons as u } from "../menu/menuIcons.js";
+import { cx as d } from "../utils.js";
+import e from "./AdminMenuEditor.module.css.js";
+function T({ activeGroupId: r, editingGroupId: o, groups: m, onSelectGroup: h, onSetEditingGroupId: n, onUpdateGroup: f }) {
+  return /* @__PURE__ */ i("div", { className: e.tabs, role: "tablist", "aria-label": "Menu groups", children: m.map((a) => {
+    const s = u[a.icon], l = a.id === r, c = a.id === "all";
+    return o === a.id ? /* @__PURE__ */ b("div", { className: d(e.tab, e.editingTab, l && e.activeTab), role: "tab", "aria-selected": l, children: [
+      /* @__PURE__ */ i(s, { "aria-hidden": "true", className: e.tabGlyph }),
+      /* @__PURE__ */ i(
+        "input",
+        {
+          "aria-label": `${a.label} tab label`,
+          autoFocus: !0,
+          value: a.label,
+          onChange: (t) => f(a.id, { label: t.target.value }),
+          onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === "Escape") && n("");
+          }
+        }
+      )
+    ] }, a.id) : /* @__PURE__ */ i("div", { className: d(e.tab, l && e.activeTab), role: "tab", "aria-selected": l, children: /* @__PURE__ */ b(
+      "button",
+      {
+        className: e.tabMain,
+        type: "button",
+        onClick: () => h(a.id),
+        onDoubleClick: () => {
+          c || n(a.id);
+        },
+        "aria-label": `Show ${a.label}`,
+        title: c ? void 0 : "Double-click to rename",
+        children: [
+          /* @__PURE__ */ i(s, { "aria-hidden": "true", className: e.tabGlyph }),
+          /* @__PURE__ */ i("span", { children: a.label })
+        ]
+      }
+    ) }, a.id);
+  }) });
+}
+export {
+  T as AdminMenuGroupTabs
+};