agentation-vue 0.2.0

package/dist/directives/vaTooltip.js

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vaTooltipDirective = exports.default = void 0;
+const TOOLTIP_STATE_KEY = "__vaTooltipState";
+const TOOLTIP_MARGIN = 8;
+const DEFAULT_OFFSET = 12;
+const DEFAULT_SHOW_DELAY = 300;
+function normalizeTooltipValue(value) {
+  if (!value) return null;
+  if (typeof value === "string") {
+    const text2 = value.trim();
+    if (!text2) return null;
+    return {
+      text: text2,
+      placement: "top",
+      offset: DEFAULT_OFFSET,
+      showDelay: DEFAULT_SHOW_DELAY
+    };
+  }
+  if (typeof value !== "object") return null;
+  if (value.disabled) return null;
+  const text = typeof value.text === "string" ? value.text.trim() : "";
+  if (!text) return null;
+  const shortcut = typeof value.shortcut === "string" ? value.shortcut.trim() : void 0;
+  const placement = value.placement === "bottom" ? "bottom" : "top";
+  const offset = Number.isFinite(value.offset) ? Math.max(4, Number(value.offset)) : DEFAULT_OFFSET;
+  const showDelay = Number.isFinite(value.showDelay) ? Math.max(0, Number(value.showDelay)) : DEFAULT_SHOW_DELAY;
+  return {
+    text,
+    shortcut: shortcut || void 0,
+    placement,
+    offset,
+    showDelay
+  };
+}
+function getState(el) {
+  return el[TOOLTIP_STATE_KEY];
+}
+function isHostDisabled(el) {
+  if ("disabled" in el) return Boolean(el.disabled);
+  return false;
+}
+function createTooltipElement(value) {
+  const tooltipEl = document.createElement("div");
+  tooltipEl.className = "__va-tooltip";
+  tooltipEl.setAttribute("role", "tooltip");
+  updateTooltipContent(tooltipEl, value);
+  return tooltipEl;
+}
+function updateTooltipContent(tooltipEl, value) {
+  tooltipEl.innerHTML = "";
+  tooltipEl.setAttribute("data-placement", value.placement);
+  const labelEl = document.createElement("span");
+  labelEl.className = "__va-tooltip-label";
+  labelEl.textContent = value.text;
+  tooltipEl.appendChild(labelEl);
+  if (value.shortcut) {
+    const shortcutEl = document.createElement("kbd");
+    shortcutEl.className = "__va-tooltip-shortcut";
+    shortcutEl.textContent = value.shortcut;
+    tooltipEl.appendChild(shortcutEl);
+  }
+  const arrowEl = document.createElement("span");
+  arrowEl.className = "__va-tooltip-arrow";
+  arrowEl.setAttribute("aria-hidden", "true");
+  tooltipEl.appendChild(arrowEl);
+}
+function positionTooltip(el) {
+  const state = getState(el);
+  if (!state?.value || !state.tooltipEl) return;
+  const tooltipEl = state.tooltipEl;
+  const hostRect = el.getBoundingClientRect();
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  tooltipEl.style.left = "0px";
+  tooltipEl.style.top = "0px";
+  const tooltipRect = tooltipEl.getBoundingClientRect();
+  let placement = state.value.placement;
+  let top = placement === "top" ? hostRect.top - tooltipRect.height - state.value.offset : hostRect.bottom + state.value.offset;
+  if (placement === "top" && top < TOOLTIP_MARGIN) {
+    placement = "bottom";
+    top = hostRect.bottom + state.value.offset;
+  } else if (placement === "bottom" && top + tooltipRect.height > viewportHeight - TOOLTIP_MARGIN) {
+    placement = "top";
+    top = hostRect.top - tooltipRect.height - state.value.offset;
+  }
+  const centeredLeft = hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
+  const maxLeft = Math.max(TOOLTIP_MARGIN, viewportWidth - tooltipRect.width - TOOLTIP_MARGIN);
+  const left = Math.min(Math.max(centeredLeft, TOOLTIP_MARGIN), maxLeft);
+  const maxTop = Math.max(TOOLTIP_MARGIN, viewportHeight - tooltipRect.height - TOOLTIP_MARGIN);
+  tooltipEl.setAttribute("data-placement", placement);
+  tooltipEl.style.left = `${Math.round(left)}px`;
+  tooltipEl.style.top = `${Math.round(Math.min(Math.max(top, TOOLTIP_MARGIN), maxTop))}px`;
+}
+function attachWindowListeners(el) {
+  const state = getState(el);
+  if (!state) return;
+  window.addEventListener("scroll", state.onWindowReposition, true);
+  window.addEventListener("resize", state.onWindowReposition, {
+    passive: true
+  });
+}
+function detachWindowListeners(el) {
+  const state = getState(el);
+  if (!state) return;
+  window.removeEventListener("scroll", state.onWindowReposition, true);
+  window.removeEventListener("resize", state.onWindowReposition);
+}
+function clearShowTimer(el) {
+  const state = getState(el);
+  if (!state?.showTimer) return;
+  clearTimeout(state.showTimer);
+  state.showTimer = null;
+}
+function showTooltipNow(el) {
+  const state = getState(el);
+  if (!state?.value || isHostDisabled(el)) return;
+  if (!state.tooltipEl) state.tooltipEl = createTooltipElement(state.value);else updateTooltipContent(state.tooltipEl, state.value);
+  if (!document.body.contains(state.tooltipEl)) document.body.appendChild(state.tooltipEl);
+  positionTooltip(el);
+  state.tooltipEl.classList.add("__va-tooltip--visible");
+  attachWindowListeners(el);
+}
+function scheduleShowTooltip(el) {
+  const state = getState(el);
+  if (!state?.value || isHostDisabled(el)) return;
+  clearShowTimer(el);
+  if (state.value.showDelay <= 0) {
+    showTooltipNow(el);
+    return;
+  }
+  state.showTimer = setTimeout(() => {
+    state.showTimer = null;
+    showTooltipNow(el);
+  }, state.value.showDelay);
+}
+function hideTooltip(el) {
+  const state = getState(el);
+  if (!state) return;
+  clearShowTimer(el);
+  if (!state.tooltipEl) return;
+  detachWindowListeners(el);
+  state.tooltipEl.classList.remove("__va-tooltip--visible");
+  state.tooltipEl.remove();
+}
+function syncAriaLabel(el) {
+  const state = getState(el);
+  if (!state) return;
+  if (!state.value && state.ownsAriaLabel) {
+    el.removeAttribute("aria-label");
+    state.ownsAriaLabel = false;
+    return;
+  }
+  if (!state.value) return;
+  if (!el.hasAttribute("aria-label")) {
+    el.setAttribute("aria-label", state.value.text);
+    state.ownsAriaLabel = true;
+  } else if (state.ownsAriaLabel) {
+    el.setAttribute("aria-label", state.value.text);
+  }
+}
+function updateTooltipValue(el, value) {
+  const state = getState(el);
+  if (!state) return;
+  state.value = normalizeTooltipValue(value);
+  syncAriaLabel(el);
+  if (!state.value) {
+    hideTooltip(el);
+    return;
+  }
+  if (state.tooltipEl) {
+    updateTooltipContent(state.tooltipEl, state.value);
+    positionTooltip(el);
+  }
+}
+function bindTooltip(el, binding) {
+  if (getState(el)) {
+    updateTooltipValue(el, binding.value);
+    return;
+  }
+  const state = {
+    value: null,
+    tooltipEl: null,
+    ownsAriaLabel: false,
+    showTimer: null,
+    onMouseEnter: () => scheduleShowTooltip(el),
+    onMouseLeave: () => hideTooltip(el),
+    onFocus: () => scheduleShowTooltip(el),
+    onBlur: () => hideTooltip(el),
+    onPointerDown: () => hideTooltip(el),
+    onKeyDown: event => {
+      if (event.key === "Escape") hideTooltip(el);
+    },
+    onWindowReposition: () => positionTooltip(el)
+  };
+  el[TOOLTIP_STATE_KEY] = state;
+  el.addEventListener("mouseenter", state.onMouseEnter);
+  el.addEventListener("mouseleave", state.onMouseLeave);
+  el.addEventListener("focus", state.onFocus, true);
+  el.addEventListener("blur", state.onBlur, true);
+  el.addEventListener("pointerdown", state.onPointerDown);
+  el.addEventListener("keydown", state.onKeyDown);
+  updateTooltipValue(el, binding.value);
+}
+function unbindTooltip(el) {
+  const state = getState(el);
+  if (!state) return;
+  hideTooltip(el);
+  el.removeEventListener("mouseenter", state.onMouseEnter);
+  el.removeEventListener("mouseleave", state.onMouseLeave);
+  el.removeEventListener("focus", state.onFocus, true);
+  el.removeEventListener("blur", state.onBlur, true);
+  el.removeEventListener("pointerdown", state.onPointerDown);
+  el.removeEventListener("keydown", state.onKeyDown);
+  if (state.ownsAriaLabel) el.removeAttribute("aria-label");
+  delete el[TOOLTIP_STATE_KEY];
+}
+const vaTooltipDirective = exports.vaTooltipDirective = {
+  beforeMount(el, binding) {
+    bindTooltip(el, binding);
+  },
+  updated(el, binding) {
+    updateTooltipValue(el, binding.value);
+  },
+  unmounted(el) {
+    unbindTooltip(el);
+  },
+  bind(el, binding) {
+    bindTooltip(el, binding);
+  },
+  componentUpdated(el, binding) {
+    updateTooltipValue(el, binding.value);
+  },
+  unbind(el) {
+    unbindTooltip(el);
+  }
+};
+module.exports = vaTooltipDirective;

package/dist/directives/vaTooltip.mjs

@@ -0,0 +1,257 @@
+const TOOLTIP_STATE_KEY = "__vaTooltipState";
+const TOOLTIP_MARGIN = 8;
+const DEFAULT_OFFSET = 12;
+const DEFAULT_SHOW_DELAY = 300;
+function normalizeTooltipValue(value) {
+  if (!value)
+    return null;
+  if (typeof value === "string") {
+    const text2 = value.trim();
+    if (!text2)
+      return null;
+    return {
+      text: text2,
+      placement: "top",
+      offset: DEFAULT_OFFSET,
+      showDelay: DEFAULT_SHOW_DELAY
+    };
+  }
+  if (typeof value !== "object")
+    return null;
+  if (value.disabled)
+    return null;
+  const text = typeof value.text === "string" ? value.text.trim() : "";
+  if (!text)
+    return null;
+  const shortcut = typeof value.shortcut === "string" ? value.shortcut.trim() : void 0;
+  const placement = value.placement === "bottom" ? "bottom" : "top";
+  const offset = Number.isFinite(value.offset) ? Math.max(4, Number(value.offset)) : DEFAULT_OFFSET;
+  const showDelay = Number.isFinite(value.showDelay) ? Math.max(0, Number(value.showDelay)) : DEFAULT_SHOW_DELAY;
+  return {
+    text,
+    shortcut: shortcut || void 0,
+    placement,
+    offset,
+    showDelay
+  };
+}
+function getState(el) {
+  return el[TOOLTIP_STATE_KEY];
+}
+function isHostDisabled(el) {
+  if ("disabled" in el)
+    return Boolean(el.disabled);
+  return false;
+}
+function createTooltipElement(value) {
+  const tooltipEl = document.createElement("div");
+  tooltipEl.className = "__va-tooltip";
+  tooltipEl.setAttribute("role", "tooltip");
+  updateTooltipContent(tooltipEl, value);
+  return tooltipEl;
+}
+function updateTooltipContent(tooltipEl, value) {
+  tooltipEl.innerHTML = "";
+  tooltipEl.setAttribute("data-placement", value.placement);
+  const labelEl = document.createElement("span");
+  labelEl.className = "__va-tooltip-label";
+  labelEl.textContent = value.text;
+  tooltipEl.appendChild(labelEl);
+  if (value.shortcut) {
+    const shortcutEl = document.createElement("kbd");
+    shortcutEl.className = "__va-tooltip-shortcut";
+    shortcutEl.textContent = value.shortcut;
+    tooltipEl.appendChild(shortcutEl);
+  }
+  const arrowEl = document.createElement("span");
+  arrowEl.className = "__va-tooltip-arrow";
+  arrowEl.setAttribute("aria-hidden", "true");
+  tooltipEl.appendChild(arrowEl);
+}
+function positionTooltip(el) {
+  const state = getState(el);
+  if (!state?.value || !state.tooltipEl)
+    return;
+  const tooltipEl = state.tooltipEl;
+  const hostRect = el.getBoundingClientRect();
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  tooltipEl.style.left = "0px";
+  tooltipEl.style.top = "0px";
+  const tooltipRect = tooltipEl.getBoundingClientRect();
+  let placement = state.value.placement;
+  let top = placement === "top" ? hostRect.top - tooltipRect.height - state.value.offset : hostRect.bottom + state.value.offset;
+  if (placement === "top" && top < TOOLTIP_MARGIN) {
+    placement = "bottom";
+    top = hostRect.bottom + state.value.offset;
+  } else if (placement === "bottom" && top + tooltipRect.height > viewportHeight - TOOLTIP_MARGIN) {
+    placement = "top";
+    top = hostRect.top - tooltipRect.height - state.value.offset;
+  }
+  const centeredLeft = hostRect.left + hostRect.width / 2 - tooltipRect.width / 2;
+  const maxLeft = Math.max(TOOLTIP_MARGIN, viewportWidth - tooltipRect.width - TOOLTIP_MARGIN);
+  const left = Math.min(Math.max(centeredLeft, TOOLTIP_MARGIN), maxLeft);
+  const maxTop = Math.max(TOOLTIP_MARGIN, viewportHeight - tooltipRect.height - TOOLTIP_MARGIN);
+  tooltipEl.setAttribute("data-placement", placement);
+  tooltipEl.style.left = `${Math.round(left)}px`;
+  tooltipEl.style.top = `${Math.round(Math.min(Math.max(top, TOOLTIP_MARGIN), maxTop))}px`;
+}
+function attachWindowListeners(el) {
+  const state = getState(el);
+  if (!state)
+    return;
+  window.addEventListener("scroll", state.onWindowReposition, true);
+  window.addEventListener("resize", state.onWindowReposition, { passive: true });
+}
+function detachWindowListeners(el) {
+  const state = getState(el);
+  if (!state)
+    return;
+  window.removeEventListener("scroll", state.onWindowReposition, true);
+  window.removeEventListener("resize", state.onWindowReposition);
+}
+function clearShowTimer(el) {
+  const state = getState(el);
+  if (!state?.showTimer)
+    return;
+  clearTimeout(state.showTimer);
+  state.showTimer = null;
+}
+function showTooltipNow(el) {
+  const state = getState(el);
+  if (!state?.value || isHostDisabled(el))
+    return;
+  if (!state.tooltipEl)
+    state.tooltipEl = createTooltipElement(state.value);
+  else
+    updateTooltipContent(state.tooltipEl, state.value);
+  if (!document.body.contains(state.tooltipEl))
+    document.body.appendChild(state.tooltipEl);
+  positionTooltip(el);
+  state.tooltipEl.classList.add("__va-tooltip--visible");
+  attachWindowListeners(el);
+}
+function scheduleShowTooltip(el) {
+  const state = getState(el);
+  if (!state?.value || isHostDisabled(el))
+    return;
+  clearShowTimer(el);
+  if (state.value.showDelay <= 0) {
+    showTooltipNow(el);
+    return;
+  }
+  state.showTimer = setTimeout(() => {
+    state.showTimer = null;
+    showTooltipNow(el);
+  }, state.value.showDelay);
+}
+function hideTooltip(el) {
+  const state = getState(el);
+  if (!state)
+    return;
+  clearShowTimer(el);
+  if (!state.tooltipEl)
+    return;
+  detachWindowListeners(el);
+  state.tooltipEl.classList.remove("__va-tooltip--visible");
+  state.tooltipEl.remove();
+}
+function syncAriaLabel(el) {
+  const state = getState(el);
+  if (!state)
+    return;
+  if (!state.value && state.ownsAriaLabel) {
+    el.removeAttribute("aria-label");
+    state.ownsAriaLabel = false;
+    return;
+  }
+  if (!state.value)
+    return;
+  if (!el.hasAttribute("aria-label")) {
+    el.setAttribute("aria-label", state.value.text);
+    state.ownsAriaLabel = true;
+  } else if (state.ownsAriaLabel) {
+    el.setAttribute("aria-label", state.value.text);
+  }
+}
+function updateTooltipValue(el, value) {
+  const state = getState(el);
+  if (!state)
+    return;
+  state.value = normalizeTooltipValue(value);
+  syncAriaLabel(el);
+  if (!state.value) {
+    hideTooltip(el);
+    return;
+  }
+  if (state.tooltipEl) {
+    updateTooltipContent(state.tooltipEl, state.value);
+    positionTooltip(el);
+  }
+}
+function bindTooltip(el, binding) {
+  if (getState(el)) {
+    updateTooltipValue(el, binding.value);
+    return;
+  }
+  const state = {
+    value: null,
+    tooltipEl: null,
+    ownsAriaLabel: false,
+    showTimer: null,
+    onMouseEnter: () => scheduleShowTooltip(el),
+    onMouseLeave: () => hideTooltip(el),
+    onFocus: () => scheduleShowTooltip(el),
+    onBlur: () => hideTooltip(el),
+    onPointerDown: () => hideTooltip(el),
+    onKeyDown: (event) => {
+      if (event.key === "Escape")
+        hideTooltip(el);
+    },
+    onWindowReposition: () => positionTooltip(el)
+  };
+  el[TOOLTIP_STATE_KEY] = state;
+  el.addEventListener("mouseenter", state.onMouseEnter);
+  el.addEventListener("mouseleave", state.onMouseLeave);
+  el.addEventListener("focus", state.onFocus, true);
+  el.addEventListener("blur", state.onBlur, true);
+  el.addEventListener("pointerdown", state.onPointerDown);
+  el.addEventListener("keydown", state.onKeyDown);
+  updateTooltipValue(el, binding.value);
+}
+function unbindTooltip(el) {
+  const state = getState(el);
+  if (!state)
+    return;
+  hideTooltip(el);
+  el.removeEventListener("mouseenter", state.onMouseEnter);
+  el.removeEventListener("mouseleave", state.onMouseLeave);
+  el.removeEventListener("focus", state.onFocus, true);
+  el.removeEventListener("blur", state.onBlur, true);
+  el.removeEventListener("pointerdown", state.onPointerDown);
+  el.removeEventListener("keydown", state.onKeyDown);
+  if (state.ownsAriaLabel)
+    el.removeAttribute("aria-label");
+  delete el[TOOLTIP_STATE_KEY];
+}
+export const vaTooltipDirective = {
+  beforeMount(el, binding) {
+    bindTooltip(el, binding);
+  },
+  updated(el, binding) {
+    updateTooltipValue(el, binding.value);
+  },
+  unmounted(el) {
+    unbindTooltip(el);
+  },
+  bind(el, binding) {
+    bindTooltip(el, binding);
+  },
+  componentUpdated(el, binding) {
+    updateTooltipValue(el, binding.value);
+  },
+  unbind(el) {
+    unbindTooltip(el);
+  }
+};
+export default vaTooltipDirective;

package/dist/icons.d.ts

@@ -0,0 +1,16 @@
+export declare const icons: {
+    readonly cursor: "<path d=\"m4 4 7 17 2.5-7.5L21 11Z\"/>";
+    readonly 'area-select': "<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><path d=\"M3 9h18M9 3v18\" opacity=\"0.3\"/>";
+    readonly pause: "<rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"/>";
+    readonly play: "<polygon points=\"5,3 19,12 5,21\"/>";
+    readonly copy: "<rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"/><path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\"/>";
+    readonly trash: "<path d=\"M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2\"/><path d=\"M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6\"/>";
+    readonly settings: "<path d=\"M14.4 2h-4.8l-.6 3a7.8 7.8 0 0 0-1.9 1.1L4.3 5 2 9.1l2.2 2a7.7 7.7 0 0 0 0 1.8L2 14.9 4.3 19l2.8-1.1A7.8 7.8 0 0 0 9 19l.6 3h4.8l.6-3a7.8 7.8 0 0 0 1.9-1.1l2.8 1.1 2.3-4.1-2.2-2a7.7 7.7 0 0 0 0-1.8l2.2-2L19.7 5l-2.8 1.1A7.8 7.8 0 0 0 15 5z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>";
+    readonly minimize: "<polyline points=\"4 14 10 14 10 20\"/><polyline points=\"20 10 14 10 14 4\"/><line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\"/><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"/>";
+    readonly sun: "<circle cx=\"12\" cy=\"12\" r=\"4\"/><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"/>";
+    readonly moon: "<path d=\"M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z\"/>";
+    readonly pencil: "<path d=\"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z\"/><path d=\"m15 5 4 4\"/>";
+    readonly plus: "<line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>";
+    readonly close: "<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>";
+};
+export type IconName = keyof typeof icons;

package/dist/icons.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icons = void 0;
+const icons = exports.icons = {
+  "cursor": '<path d="m4 4 7 17 2.5-7.5L21 11Z"/>',
+  "area-select": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 3v18" opacity="0.3"/>',
+  "pause": '<rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>',
+  "play": '<polygon points="5,3 19,12 5,21"/>',
+  "copy": '<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/>',
+  "trash": '<path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/>',
+  "settings": '<path d="M14.4 2h-4.8l-.6 3a7.8 7.8 0 0 0-1.9 1.1L4.3 5 2 9.1l2.2 2a7.7 7.7 0 0 0 0 1.8L2 14.9 4.3 19l2.8-1.1A7.8 7.8 0 0 0 9 19l.6 3h4.8l.6-3a7.8 7.8 0 0 0 1.9-1.1l2.8 1.1 2.3-4.1-2.2-2a7.7 7.7 0 0 0 0-1.8l2.2-2L19.7 5l-2.8 1.1A7.8 7.8 0 0 0 15 5z"/><circle cx="12" cy="12" r="3"/>',
+  "minimize": '<polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/>',
+  "sun": '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>',
+  "moon": '<path d="M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z"/>',
+  "pencil": '<path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/>',
+  "plus": '<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>',
+  "close": '<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>'
+};

package/dist/icons.mjs

@@ -0,0 +1,15 @@
+export const icons = {
+  "cursor": '<path d="m4 4 7 17 2.5-7.5L21 11Z"/>',
+  "area-select": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 3v18" opacity="0.3"/>',
+  "pause": '<rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/>',
+  "play": '<polygon points="5,3 19,12 5,21"/>',
+  "copy": '<rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/>',
+  "trash": '<path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/>',
+  "settings": '<path d="M14.4 2h-4.8l-.6 3a7.8 7.8 0 0 0-1.9 1.1L4.3 5 2 9.1l2.2 2a7.7 7.7 0 0 0 0 1.8L2 14.9 4.3 19l2.8-1.1A7.8 7.8 0 0 0 9 19l.6 3h4.8l.6-3a7.8 7.8 0 0 0 1.9-1.1l2.8 1.1 2.3-4.1-2.2-2a7.7 7.7 0 0 0 0-1.8l2.2-2L19.7 5l-2.8 1.1A7.8 7.8 0 0 0 15 5z"/><circle cx="12" cy="12" r="3"/>',
+  "minimize": '<polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/>',
+  "sun": '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>',
+  "moon": '<path d="M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z"/>',
+  "pencil": '<path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/>',
+  "plus": '<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>',
+  "close": '<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>'
+};

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import type { App } from 'vue-demi';
+import AgentationVue from './AgentationVue.vue';
+import { vaTooltipDirective } from './directives/vaTooltip';
+export { AgentationVue };
+export default AgentationVue;
+export declare const AgentationVuePlugin: {
+    install(app: App): void;
+};
+export { default as ComponentChain } from './components/ComponentChain.vue';
+export { default as VaButton } from './components/VaButton.vue';
+export { default as VaIcon } from './components/VaIcon.vue';
+export { default as VaIconButton } from './components/VaIconButton.vue';
+export { default as VaToggle } from './components/VaToggle.vue';
+export { vaTooltipDirective };
+export { useAnimationPause } from './composables/useAnimationPause';
+export { useAnnotations } from './composables/useAnnotations';
+export { useAreaSelect } from './composables/useAreaSelect';
+export { useElementDetection } from './composables/useElementDetection';
+export { useInteractionMode } from './composables/useInteractionMode';
+export { DEFAULT_SHORTCUT_CONFIG, useKeyboardShortcuts } from './composables/useKeyboardShortcuts';
+export type { DoubleTapConfig, KeyboardShortcutConfig, KeyboardShortcutState, ShortcutAction, } from './composables/useKeyboardShortcuts';
+export { useMarkerPositions } from './composables/useMarkerPositions';
+export { useMultiSelect } from './composables/useMultiSelect';
+export { formatAnnotations, useOutputFormatter } from './composables/useOutputFormatter';
+export { useSettings } from './composables/useSettings';
+export { useTextSelection } from './composables/useTextSelection';
+export { useToolbarAutoHide } from './composables/useToolbarAutoHide';
+export type { VaTooltipOptions, VaTooltipPlacement, VaTooltipValue } from './directives/vaTooltip';
+export { icons } from './icons';
+export type { IconName } from './icons';
+export type { AgentationEmits, AgentationProps, Annotation, BoundingBox, ElementRef, InteractionMode, OutputDetail, Settings, } from './types';