@kopexa/extension-controlref 1.0.0 → 2.0.0

package/dist/control-ref.js

@@ -1,687 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __glob = (map) => (path) => {
-  var fn = map[path];
-  if (fn) return fn();
-  throw new Error("Module not found in bundle: " + path);
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/lang/de.json
-var require_de = __commonJS({
-  "src/lang/de.json"(exports2, module2) {
-    module2.exports = {
-      "editor.controlref.appearance": "Darstellung",
-      "editor.controlref.border": "Rahmen",
-      "editor.controlref.cancel": "Abbrechen",
-      "editor.controlref.change_control": "Kontrolle \xE4ndern",
-      "editor.controlref.control": "Kontrolle",
-      "editor.controlref.controls": "Kontrollen",
-      "editor.controlref.map_control": "Kontrolle zuordnen",
-      "editor.controlref.radius": "Eckenradius",
-      "editor.controlref.save_settings": "Einstellungen speichern",
-      "editor.controlref.search_controls": "Kontrollen suchen...",
-      "editor.controlref.settings": "Einstellungen",
-      "editor.controlref.settings_dialog_description": "Passe Darstellung und Details der Kontrollreferenz an.",
-      "editor.controlref.shadow": "Schatten",
-      "editor.controlref.show_description": "Beschreibung anzeigen",
-      "editor.controlref.show_implementations": "Umsetzungen anzeigen",
-      "editor.controlref.show_status": "Status anzeigen",
-      "editor.controlref.spacing": "Abst\xE4nde",
-      "editor.controlref.variant": "Variante",
-      "editor.controlref.variant_card": "Karte",
-      "editor.controlref.variant_chip": "Chip"
-    };
-  }
-});
-
-// src/lang/en.json
-var require_en = __commonJS({
-  "src/lang/en.json"(exports2, module2) {
-    module2.exports = {
-      "editor.controlref.appearance": "Appearance",
-      "editor.controlref.border": "Border",
-      "editor.controlref.cancel": "Cancel",
-      "editor.controlref.change_control": "Change Control",
-      "editor.controlref.control": "Control",
-      "editor.controlref.controls": "Controls",
-      "editor.controlref.map_control": "Map Control",
-      "editor.controlref.radius": "Radius",
-      "editor.controlref.save_settings": "Save Settings",
-      "editor.controlref.search_controls": "Search controls...",
-      "editor.controlref.settings": "Settings",
-      "editor.controlref.settings_dialog_description": "Customize the appearance and details of the control reference.",
-      "editor.controlref.shadow": "Shadow",
-      "editor.controlref.show_description": "Show Description",
-      "editor.controlref.show_implementations": "Show Implementations",
-      "editor.controlref.show_status": "Show Status",
-      "editor.controlref.spacing": "Spacing",
-      "editor.controlref.variant": "Variant",
-      "editor.controlref.variant_card": "Card",
-      "editor.controlref.variant_chip": "Chip"
-    };
-  }
-});
-
-// src/control-ref.ts
-var control_ref_exports = {};
-__export(control_ref_exports, {
-  ControlRef: () => ControlRef
-});
-module.exports = __toCommonJS(control_ref_exports);
-var import_core = require("@tiptap/core");
-var import_state = require("@tiptap/pm/state");
-var import_react5 = require("@tiptap/react");
-
-// src/control-ref-view.tsx
-var import_i18n = require("@kopexa/i18n");
-var import_sight3 = require("@kopexa/sight");
-var import_react3 = require("@tiptap/react");
-var import_react4 = require("react");
-
-// src/card-variant.tsx
-var import_sight = require("@kopexa/sight");
-var import_react = require("@tiptap/react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CardVariant = ({
-  control,
-  options,
-  editable
-}) => {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_sight.Card.Root,
-    {
-      shadow: options == null ? void 0 : options.cardShadow,
-      border: options == null ? void 0 : options.cardBorder,
-      radius: options == null ? void 0 : options.cardRadius,
-      fullWidth: true,
-      spacing: options == null ? void 0 : options.cardSpacing,
-      isPressable: editable,
-      className: "focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary/50",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Card.Header, { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Heading, { contentEditable: false, children: (_a = control.title) != null ? _a : "Unmapped Control" }),
-          control.status && control.status !== "default" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Chip, { size: "sm", variant: "bordered", indicator: true, contentEditable: false, children: control.status })
-        ] }),
-        (options == null ? void 0 : options.cardShowDescription) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Card.Body, { className: "bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NodeViewContent, { className: "content is-editable py-4", as: "div" }) }),
-        (options == null ? void 0 : options.cardShowImplementations) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Card.Footer, { className: "flex flex-col gap-2", children: (control == null ? void 0 : control.implementations) && (control == null ? void 0 : control.implementations.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm opacity-70", children: "No implementations" }) : (_b = control == null ? void 0 : control.implementations) == null ? void 0 : _b.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImplementationCard, { impl: r }, r.id)) })
-      ]
-    }
-  );
-};
-function ImplementationCard({ impl }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Card.Root, { shadow: "2xs", border: "default", radius: "sm", spacing: "sm", fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Card.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", contentEditable: false, children: impl.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-foreground/60", contentEditable: false, children: "No description" })
-  ] }) }) });
-}
-
-// src/defaults.ts
-var DEFAULT_CONTROL_REF_OPTIONS = {
-  variant: "chip",
-  inlineShowStatus: true,
-  cardShowDescription: true,
-  cardShowImplementations: true,
-  cardBorder: "default",
-  cardShadow: "sm",
-  cardRadius: "sm",
-  cardSpacing: "md"
-};
-
-// src/i18n.ts
-var import_de = __toESM(require_de());
-var import_en = __toESM(require_en());
-
-// import("./lang/**/*.json") in src/i18n.ts
-var globImport_lang_json = __glob({
-  "./lang/de.json": () => Promise.resolve().then(() => __toESM(require_de())),
-  "./lang/en.json": () => Promise.resolve().then(() => __toESM(require_en()))
-});
-
-// src/i18n.ts
-var loadLocale = async (locale) => {
-  try {
-    return (await globImport_lang_json(`./lang/${locale}.json`)).default;
-  } catch {
-    return null;
-  }
-};
-async function getMessages(locale) {
-  if (locale === "en") return import_en.default;
-  if (locale.toLowerCase() === "en") return import_en.default;
-  if (locale.toLowerCase().startsWith("de")) return import_de.default;
-  const other = await loadLocale(locale);
-  return other ? { ...import_en.default, ...other } : import_en.default;
-}
-
-// src/settings-dialog.tsx
-var import_sight2 = require("@kopexa/sight");
-var import_react2 = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/messages/index.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  control: {
-    id: "editor.controlref.control",
-    defaultMessage: "Control",
-    description: "Label for control"
-  },
-  settings_dialog_description: {
-    id: "editor.controlref.settings_dialog_description",
-    defaultMessage: "Customize the appearance and details of the control reference.",
-    description: "Description for the settings dialog"
-  },
-  controls: {
-    id: "editor.controlref.controls",
-    defaultMessage: "Controls",
-    description: "Label for controls"
-  },
-  change_control: {
-    id: "editor.controlref.change_control",
-    defaultMessage: "Change Control",
-    description: "Label for change control button"
-  },
-  map_control: {
-    id: "editor.controlref.map_control",
-    defaultMessage: "Map Control",
-    description: "Label for map control button"
-  },
-  settings: {
-    id: "editor.controlref.settings",
-    defaultMessage: "Settings",
-    description: "Label for settings button"
-  },
-  appearance: {
-    id: "editor.controlref.appearance",
-    defaultMessage: "Appearance",
-    description: "Label for appearance section"
-  },
-  search_controls: {
-    id: "editor.controlref.search_controls",
-    defaultMessage: "Search controls...",
-    description: "Placeholder for search controls input"
-  },
-  variant: {
-    id: "editor.controlref.variant",
-    defaultMessage: "Variant",
-    description: "Label for variant section"
-  },
-  variant_chip: {
-    id: "editor.controlref.variant_chip",
-    defaultMessage: "Chip",
-    description: "Label for variant chip"
-  },
-  variant_card: {
-    id: "editor.controlref.variant_card",
-    defaultMessage: "Card",
-    description: "Label for variant card"
-  },
-  show_status: {
-    id: "editor.controlref.show_status",
-    defaultMessage: "Show Status",
-    description: "Label for show status toggle"
-  },
-  show_description: {
-    id: "editor.controlref.show_description",
-    defaultMessage: "Show Description",
-    description: "Label for show description toggle"
-  },
-  show_implementations: {
-    id: "editor.controlref.show_implementations",
-    defaultMessage: "Show Implementations",
-    description: "Label for show implementations toggle"
-  },
-  border: {
-    id: "editor.controlref.border",
-    defaultMessage: "Border",
-    description: "Label for border toggle"
-  },
-  shadow: {
-    id: "editor.controlref.shadow",
-    defaultMessage: "Shadow",
-    description: "Label for shadow toggle"
-  },
-  radius: {
-    id: "editor.controlref.radius",
-    defaultMessage: "Radius",
-    description: "Label for radius toggle"
-  },
-  spacing: {
-    id: "editor.controlref.spacing",
-    defaultMessage: "Spacing",
-    description: "Label for spacing section"
-  },
-  cancel: {
-    id: "editor.controlref.cancel",
-    defaultMessage: "Cancel",
-    description: "Label for cancel button"
-  },
-  save_settings: {
-    id: "editor.controlref.save_settings",
-    defaultMessage: "Save Settings",
-    description: "Label for save settings button"
-  }
-});
-
-// src/settings-dialog.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SettingsDialog = (props) => {
-  const {
-    open,
-    onOpenChange,
-    controlId,
-    controlTitle,
-    options: initialOptions,
-    onSave,
-    onUnlink
-  } = props;
-  const intl = (0, import_react_intl2.useIntl)();
-  const [options, setOptions] = (0, import_react2.useState)(initialOptions);
-  const [tab, setTab] = (0, import_react2.useState)("link");
-  const [selected, setSelected] = (0, import_react2.useState)(
-    controlId ? {
-      id: controlId,
-      title: controlTitle != null ? controlTitle : intl.formatMessage(messages.control)
-    } : null
-  );
-  const [q, setQ] = (0, import_react2.useState)("");
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [results, setResults] = (0, import_react2.useState)([]);
-  (0, import_react2.useEffect)(() => {
-    if (!open) return;
-    setOptions(initialOptions);
-    setSelected(
-      controlId ? {
-        id: controlId,
-        title: controlTitle != null ? controlTitle : intl.formatMessage(messages.control)
-      } : null
-    );
-    setQ("");
-    setResults([]);
-    setTab("link");
-  }, [open, initialOptions, controlId, controlTitle, intl.formatMessage]);
-  const handleOpenChange = (open2) => {
-    onOpenChange(open2);
-  };
-  const save = () => {
-    onSave({ control: selected, options });
-    onOpenChange(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Dialog.Root, { open, onOpenChange: handleOpenChange, size: "2xl", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Dialog.Content, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Dialog.Header, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Dialog.Title, { children: selected ? intl.formatMessage(messages.change_control) : intl.formatMessage(messages.map_control) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Dialog.Description, { children: intl.formatMessage(messages.settings_dialog_description) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Tabs, { value: tab, onValueChange: (v) => setTab(v), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Tabs.List, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Tabs.Trigger, { value: "link", children: intl.formatMessage(messages.controls) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Tabs.Trigger, { value: "settings", children: intl.formatMessage(messages.settings) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Tabs.Trigger, { value: "appearance", children: intl.formatMessage(messages.appearance) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Tabs.Content, { value: "link", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_sight2.Input,
-        {
-          placeholder: intl.formatMessage(messages.search_controls),
-          value: q,
-          onChange: (e) => setQ(e.currentTarget.value),
-          onKeyDown: (e) => e.key === "Escape" && handleOpenChange(false)
-        }
-      ) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Tabs.Content, { value: "settings", className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.variant) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            import_sight2.Select,
-            {
-              value: options == null ? void 0 : options.variant,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                variant: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "chip", children: intl.formatMessage(messages.variant_chip) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "card", children: intl.formatMessage(messages.variant_card) })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        (options == null ? void 0 : options.variant) === "chip" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: intl.formatMessage(messages.show_status) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_sight2.Checkbox,
-            {
-              checked: !!(options == null ? void 0 : options.inlineShowStatus),
-              onCheckedChange: (state) => setOptions((o) => ({
-                ...o,
-                inlineShowStatus: typeof state === "boolean" ? state : o.inlineShowStatus
-              }))
-            }
-          )
-        ] }),
-        (options == null ? void 0 : options.variant) === "card" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: intl.formatMessage(messages.show_description) }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_sight2.Checkbox,
-              {
-                checked: !!(options == null ? void 0 : options.cardShowDescription),
-                onCheckedChange: (state) => setOptions((o) => ({
-                  ...o,
-                  cardShowDescription: typeof state === "boolean" ? state : o.cardShowDescription
-                }))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: intl.formatMessage(messages.show_implementations) }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_sight2.Checkbox,
-              {
-                checked: !!(options == null ? void 0 : options.cardShowImplementations),
-                onCheckedChange: (state) => setOptions((o) => ({
-                  ...o,
-                  cardShowImplementations: typeof state === "boolean" ? state : o.cardShowImplementations
-                }))
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Tabs.Content, { value: "appearance", className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.border) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            import_sight2.Select,
-            {
-              value: options == null ? void 0 : options.cardBorder,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardBorder: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "none", children: "none" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "default", children: "default" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "emphasized", children: "emphasized" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.shadow) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            import_sight2.Select,
-            {
-              value: options == null ? void 0 : options.cardShadow,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardShadow: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "none", children: "none" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "2xs", children: "2xs" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "sm", children: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "md", children: "md" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "lg", children: "lg" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.radius) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            import_sight2.Select,
-            {
-              value: options == null ? void 0 : options.cardRadius,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardRadius: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "none", children: "none" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "sm", children: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "md", children: "md" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "lg", children: "lg" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "grid grid-cols-[1fr_350px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm", children: intl.formatMessage(messages.spacing) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            import_sight2.Select,
-            {
-              value: options == null ? void 0 : options.cardSpacing,
-              onValueChange: (value) => setOptions((o) => ({
-                ...o,
-                cardSpacing: value
-              })),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "sm", children: "sm" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "md", children: "md" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "lg", children: "lg" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Item, { value: "lg", children: "xl" })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Dialog.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_sight2.Button,
-        {
-          onClick: () => onOpenChange(false),
-          variant: "ghost",
-          color: "default",
-          children: intl.formatMessage(messages.cancel)
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Button, { onClick: save, children: intl.formatMessage(messages.save_settings) })
-    ] })
-  ] }) });
-};
-
-// src/control-ref-view.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var implRows = [
-  { id: "1", title: "Alarmanlage", description: null },
-  { id: "2", title: "Videokameras", description: null },
-  { id: "3", title: "Zutrittsprotokolle", description: null }
-];
-var ControlRefView = (props) => {
-  var _a, _b, _c, _d;
-  const { node, editor, updateAttributes } = props;
-  const attrs = node.attrs;
-  const interactive = !!editor.isEditable;
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const options = (0, import_react4.useMemo)(
-    () => {
-      var _a2;
-      return { ...DEFAULT_CONTROL_REF_OPTIONS, ...(_a2 = attrs.options) != null ? _a2 : {} };
-    },
-    [attrs.options]
-  );
-  const variant = (_a = options.variant) != null ? _a : "chip";
-  const isInline = variant === "chip";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_i18n.I18nProvider, { loaderFn: getMessages, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_react3.NodeViewWrapper,
-    {
-      as: isInline ? "span" : "div",
-      className: [isInline ? "inline-flex" : "flex flex-col", "gap-2"].join(
-        " "
-      ),
-      "data-testid": "controlRef",
-      "data-kpx-control-ref": true,
-      "data-id": (_b = attrs.id) != null ? _b : "",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          SettingsDialog,
-          {
-            open,
-            onOpenChange: setOpen,
-            controlId: attrs.id,
-            controlTitle: attrs.title,
-            options: attrs.options,
-            onSave: ({ control, options: options2 }) => {
-              var _a2, _b2;
-              updateAttributes({
-                id: (_a2 = control == null ? void 0 : control.id) != null ? _a2 : null,
-                title: (_b2 = control == null ? void 0 : control.title) != null ? _b2 : null,
-                options: options2
-              });
-            },
-            onUnlink: () => updateAttributes({ id: null, title: null })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_sight3.Chip,
-          {
-            "data-active": open,
-            contentEditable: false,
-            indicator: options.inlineShowStatus,
-            ...(options == null ? void 0 : options.inlineShowStatus) && {
-              status: (_c = attrs.status) != null ? _c : void 0
-            },
-            variant: "bordered",
-            color: !attrs.id ? "warning" : "default",
-            size: isInline ? "sm" : "md",
-            onClick: () => {
-              setOpen((o) => !o);
-            },
-            "aria-label": interactive ? "Map control" : "Control",
-            children: (_d = attrs.title) != null ? _d : "Unmapped Control"
-          }
-        ),
-        variant === "card" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          CardVariant,
-          {
-            control: {
-              id: attrs.id,
-              title: attrs.title,
-              status: attrs.status,
-              implementations: implRows
-            },
-            options
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-// src/control-ref.ts
-var ControlRef = import_core.Node.create({
-  name: "controlRef",
-  content: "inline*",
-  inline: false,
-  draggable: false,
-  selectable: true,
-  defining: true,
-  isolating: true,
-  addOptions() {
-    return {
-      getters: void 0
-    };
-  },
-  group() {
-    return "block";
-  },
-  addAttributes() {
-    return {
-      id: { default: null },
-      title: { default: null },
-      updatedAt: { default: null },
-      status: { default: null },
-      options: { default: DEFAULT_CONTROL_REF_OPTIONS }
-      // JSON Object <- all UI config lives here
-    };
-  },
-  parseHTML() {
-    return [
-      { tag: "span[data-kpx-control-ref]" },
-      { tag: "div[data-kpx-control-ref]" }
-    ];
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    var _a;
-    return [
-      "span",
-      (0, import_core.mergeAttributes)(HTMLAttributes, {
-        "data-kpx-control-ref": "",
-        "data-id": node.attrs.id,
-        "data-title": node.attrs.title
-      }),
-      (_a = HTMLAttributes.title) != null ? _a : "Control"
-    ];
-  },
-  addCommands() {
-    return {
-      insertControlRef: () => ({ tr, dispatch }) => {
-        const node = this.type.create({
-          id: null,
-          title: null,
-          status: null,
-          options: DEFAULT_CONTROL_REF_OPTIONS
-        });
-        if (dispatch) {
-          const offset = tr.selection.from + 1;
-          tr.replaceSelectionWith(node).scrollIntoView().setSelection(import_state.TextSelection.near(tr.doc.resolve(offset)));
-        }
-        return true;
-      }
-    };
-  },
-  addNodeView() {
-    return (0, import_react5.ReactNodeViewRenderer)(ControlRefView, { as: "span" });
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ControlRef
-});