@pixerate/editor-react 0.73.0 → 0.74.0

package/dist/{chunk-VNZKHFEM.js → chunk-LWMUV5TC.js}

@@ -1477,7 +1477,7 @@ var BrushOptionsBar = ({ controller, className }) => {
 
 // src/image-editor/ColorProfilePanel.tsx
 import { useEffect as useEffect7, useState as useState8 } from "react";
-import { INTENT_OPTIONS, PROOF_PROFILE_OPTIONS, WORKING_SPACE_OPTIONS, colorPanelView } from "@pixerate/editor/image-editor";
+import { COLOR_MODE_OPTIONS, INTENT_OPTIONS, PROOF_PROFILE_OPTIONS, WORKING_SPACE_OPTIONS, colorPanelView } from "@pixerate/editor/image-editor";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var chip2 = "px-2 py-1 rounded text-[11px] bg-slate-800 text-slate-300 hover:text-white";
 var select = "rounded bg-slate-800 px-1 py-0.5 text-[11px] text-slate-200";
@@ -1514,6 +1514,11 @@ var ColorProfilePanel = ({ controller, className }) => {
       /* @__PURE__ */ jsx8("span", { className: "text-slate-400", children: "Profile" }),
       /* @__PURE__ */ jsx8("span", { "data-testid": "color-profile-name", children: view.profileName })
     ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-1", role: "group", "aria-label": "Colour mode", children: [
+      /* @__PURE__ */ jsx8("span", { className: "text-slate-400", children: "Mode" }),
+      /* @__PURE__ */ jsx8("select", { "aria-label": "Colour mode", className: select, value: view.mode, onChange: (e) => attempt(() => controller.setColorMode(e.target.value)), children: COLOR_MODE_OPTIONS.map((o) => /* @__PURE__ */ jsx8("option", { value: o.id, title: o.title, children: o.label }, o.id)) }),
+      view.cmykProfileName && /* @__PURE__ */ jsx8("span", { className: "text-slate-400", children: view.cmykProfileName })
+    ] }),
     /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-1", role: "group", "aria-label": "Assign or convert", children: [
       /* @__PURE__ */ jsx8("select", { "aria-label": "Target profile", className: select, value: target, onChange: (e) => setTarget(e.target.value), children: WORKING_SPACE_OPTIONS.map((o) => /* @__PURE__ */ jsx8("option", { value: o.id, children: o.label }, o.id)) }),
       /* @__PURE__ */ jsx8("select", { "aria-label": "Rendering intent", className: select, value: intent, onChange: (e) => setIntent(e.target.value), children: INTENT_OPTIONS.map((o) => /* @__PURE__ */ jsx8("option", { value: o.id, title: o.title, children: o.label }, o.id)) }),
@@ -3784,4 +3789,4 @@ export {
   TypeOptionsBar,
   ImageEditor
 };
-//# sourceMappingURL=chunk-VNZKHFEM.js.map
+//# sourceMappingURL=chunk-LWMUV5TC.js.map