@threadlabs/looma 0.1.15 → 0.1.17

package/dist/ui-tooltip.entry-U644CF5U.js

@@ -0,0 +1,214 @@
+import {
+  closeOverlay,
+  openOverlay,
+  requestTopOverlayClose
+} from "./chunk-SZJQ3NPX.js";
+import {
+  createAnchoredSurface
+} from "./chunk-YHXJC5M5.js";
+import {
+  dispatchDetail
+} from "./chunk-UL7UIUJZ.js";
+import {
+  Host,
+  getElement,
+  h,
+  registerInstance
+} from "./chunk-OY4D3W4U.js";
+
+// dist/esm/ui-tooltip.entry.js
+var uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md);opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
+var UITooltip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  get host() {
+    return getElement(this);
+  }
+  for = "";
+  open = false;
+  defaultOpen = false;
+  placement = "top-start";
+  /** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
+  showDelay = 500;
+  /** Pointer leave grace period in milliseconds. */
+  hideDelay = 100;
+  internalOpen = false;
+  overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
+  trigger = null;
+  surface = null;
+  showTimer = null;
+  hideTimer = null;
+  syncFromProp() {
+    this.clearTimers();
+    this.internalOpen = this.open;
+  }
+  resetSurface() {
+    this.syncTrigger();
+    this.setupSurface();
+    this.syncOverlay();
+  }
+  syncOverlay() {
+    if (this.internalOpen) {
+      this.surface?.show();
+      openOverlay({
+        id: this.overlayId,
+        modal: false,
+        element: this.host,
+        relatedElements: this.trigger ? [this.trigger] : void 0,
+        dismissible: true,
+        requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
+      });
+    } else {
+      this.surface?.hide();
+      closeOverlay(this.overlayId);
+    }
+  }
+  componentDidLoad() {
+    this.syncFromProp();
+    this.internalOpen = this.internalOpen || this.defaultOpen;
+    this.syncTrigger();
+    this.setupSurface();
+    this.host.addEventListener("keydown", this.onKeydown);
+    this.syncOverlay();
+  }
+  componentDidUpdate() {
+    this.syncTrigger();
+  }
+  disconnectedCallback() {
+    this.clearTimers();
+    this.detachTriggerListeners();
+    this.surface?.destroy();
+    this.surface = null;
+    this.host.removeEventListener("keydown", this.onKeydown);
+    closeOverlay(this.overlayId);
+  }
+  syncTrigger() {
+    const next = this.for ? this.host.ownerDocument.getElementById(this.for) : this.host.previousElementSibling;
+    if (next === this.trigger)
+      return;
+    this.detachTriggerListeners();
+    this.trigger = next;
+    this.attachTriggerListeners();
+    this.surface?.setAnchor(next);
+  }
+  setupSurface() {
+    this.surface?.destroy();
+    this.surface = createAnchoredSurface(this.host, {
+      anchor: this.trigger,
+      placement: this.placement
+    });
+  }
+  attachTriggerListeners() {
+    this.detachTriggerListeners();
+    if (!this.trigger)
+      return;
+    this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
+    this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
+    this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
+    this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
+  }
+  detachTriggerListeners() {
+    if (!this.trigger)
+      return;
+    this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
+    this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
+    this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
+    this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
+  }
+  clearShowTimer() {
+    if (this.showTimer === null)
+      return;
+    clearTimeout(this.showTimer);
+    this.showTimer = null;
+  }
+  clearHideTimer() {
+    if (this.hideTimer === null)
+      return;
+    clearTimeout(this.hideTimer);
+    this.hideTimer = null;
+  }
+  clearTimers() {
+    this.clearShowTimer();
+    this.clearHideTimer();
+  }
+  setInteractionOpen(nextOpen, trigger) {
+    if (this.internalOpen === nextOpen)
+      return;
+    this.internalOpen = nextOpen;
+    dispatchDetail(this.host, nextOpen ? "open" : "close", {
+      open: nextOpen,
+      reason: "action",
+      trigger
+    });
+  }
+  onTriggerEnter = () => {
+    this.clearHideTimer();
+    if (this.internalOpen || this.showTimer !== null)
+      return;
+    this.showTimer = setTimeout(() => {
+      this.showTimer = null;
+      this.setInteractionOpen(true, "pointer");
+    }, Math.max(0, this.showDelay));
+  };
+  onTriggerLeave = () => {
+    this.clearShowTimer();
+    if (!this.internalOpen || this.hideTimer !== null)
+      return;
+    this.hideTimer = setTimeout(() => {
+      this.hideTimer = null;
+      this.setInteractionOpen(false, "pointer");
+    }, Math.max(0, this.hideDelay));
+  };
+  onTriggerFocusIn = () => {
+    this.clearTimers();
+    this.setInteractionOpen(true, "keyboard");
+  };
+  onTriggerFocusOut = (e) => {
+    const related = e.relatedTarget;
+    if (related && this.host.contains(related))
+      return;
+    this.clearTimers();
+    this.setInteractionOpen(false, "keyboard");
+  };
+  handleRequestClose(reason, trigger) {
+    if (reason === "escape") {
+      this.clearTimers();
+      this.internalOpen = false;
+      dispatchDetail(this.host, "close", {
+        open: false,
+        reason: "escape",
+        trigger
+      });
+      this.trigger?.focus();
+    }
+  }
+  onKeydown = (e) => {
+    if (e.key === "Escape") {
+      requestTopOverlayClose("escape", "keyboard");
+    }
+  };
+  render() {
+    return h(Host, { key: "4c3890a7371508ede06a5b370d1cec32db25280f", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "2e3bcd0dc69b0c3e3376d73dc4efc82e4f4cfaaa" }));
+  }
+  static get watchers() {
+    return {
+      "open": [{
+        "syncFromProp": 0
+      }],
+      "for": [{
+        "resetSurface": 0
+      }],
+      "placement": [{
+        "resetSurface": 0
+      }],
+      "internalOpen": [{
+        "syncOverlay": 0
+      }]
+    };
+  }
+};
+UITooltip.style = uiTooltipCss();
+export {
+  UITooltip as ui_tooltip
+};

package/dist/{ui-top-bar.entry-5W5UA5KV.js → ui-top-bar.entry-FGGOREQR.js}

@@ -3,7 +3,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-SVINNT3E.js";
+} from "./chunk-OY4D3W4U.js";
 
 // dist/esm/ui-top-bar.entry.js
 var uiTopBarCss = () => `:host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}`;

package/dist/{ui-tree-item.entry-3LM7IXIK.js → ui-tree-item.entry-XVMHEONY.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-SVINNT3E.js";
+} from "./chunk-OY4D3W4U.js";
 
 // dist/esm/ui-tree-item.entry.js
 var Bold = [
@@ -285,7 +285,7 @@ function loomaIconMarkup(name, className = "looma-icon") {
     "</svg>"
   ].join("");
 }
-var uiTreeItemCss = () => `:host{--ui-tree-indent:16px;--ui-tree-row-min-height:44px;--ui-tree-drop-color:var(--ui-accent-solid);position:relative;display:block;min-inline-size:0;margin-inline-start:calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent))}.row{position:relative;display:grid;grid-template-columns:20px auto minmax(0, 1fr) auto;align-items:center;min-block-size:var(--ui-tree-row-min-height);min-inline-size:0;border-radius:var(--ui-radius-md);color:var(--ui-text-secondary);transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     opacity var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease)}.row:hover,:host([data-selected]) .row,.row:focus-within{color:var(--ui-text-primary);background:var(--ui-surface-muted)}:host([data-disabled]) .row{opacity:0.55}:host([data-dragging]) .row{opacity:0.42}:host(:focus){outline:none}:host(:focus-visible) .row{box-shadow:0 0 0 2px var(--ui-focus-ring)}:host([data-drop-position='inside']) .row{background:var(--ui-accent-subtle);box-shadow:inset 0 0 0 1px var(--ui-tree-drop-color)}.disclosure,.disclosure-spacer{grid-column:1;grid-row:1;inline-size:20px;block-size:28px}.disclosure{display:grid;place-items:center;padding:0;color:var(--ui-text-muted);background:transparent;border:0;border-radius:var(--ui-radius-sm);cursor:pointer}.disclosure:hover{color:var(--ui-text-primary);background:var(--ui-surface-elevated)}.disclosure-icon{display:block;inline-size:14px;block-size:14px;transform:rotate(-90deg);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}.disclosure-icon--expanded{transform:rotate(0deg)}.disclosure-icon :is(svg),.drag-handle :is(svg){display:block;inline-size:100%;block-size:100%}.leading{display:none}.leading:has(*){display:inline-grid;place-items:center;grid-column:2;grid-row:1;inline-size:16px;block-size:16px;margin-inline-start:var(--ui-space-1)}.label{grid-column:3;grid-row:1;min-inline-size:0;padding:var(--ui-space-1) var(--ui-space-2)}.actions{grid-column:4;grid-row:1;display:inline-flex;align-items:center;min-inline-size:0}.drag-handle{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:-22px;inline-size:20px;block-size:32px;display:grid;place-items:center;padding:7px 3px;color:var(--ui-text-muted);background:var(--ui-surface-elevated);border:1px solid transparent;border-radius:var(--ui-radius-sm);cursor:grab;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease)}.row:hover .drag-handle,.drag-handle:focus-visible,:host([data-dragging]) .drag-handle{opacity:1;pointer-events:auto}.drag-handle:active{cursor:grabbing}.drop-indicator{position:absolute;z-index:3;inset-inline:1px;display:none;block-size:2px;border-radius:999px;background:var(--ui-tree-drop-color);pointer-events:none}.drop-indicator::before,.drop-indicator::after{content:'';position:absolute;inset-block-start:50%;inline-size:7px;block-size:7px;border:2px solid var(--ui-tree-drop-color);border-radius:999px;background:var(--ui-surface-elevated);transform:translateY(-50%)}.drop-indicator::before{inset-inline-start:-1px}.drop-indicator::after{inset-inline-end:-1px}:host([data-drop-position='before']) .drop-indicator{display:block;inset-block-start:-1px}:host([data-drop-position='after']) .drop-indicator{display:block;inset-block-end:-1px}.children[hidden]{display:none}@media (hover: none), (pointer: coarse){.drag-handle{display:none}}@media (prefers-reduced-motion: reduce){.row,.disclosure-icon,.drag-handle{transition:none}}`;
+var uiTreeItemCss = () => `:host{--ui-tree-indent:16px;--ui-tree-row-min-height:32px;--ui-tree-drop-color:var(--ui-accent-solid);position:relative;display:block;min-inline-size:0;margin-inline-start:calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent))}.row{position:relative;display:grid;grid-template-columns:20px auto minmax(0, 1fr) auto;align-items:center;min-block-size:var(--ui-tree-row-min-height);min-inline-size:0;font-size:var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));border-radius:var(--ui-radius-md);color:var(--ui-text-secondary);transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     opacity var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     min-block-size var(--ui-motion-base) var(--ui-motion-ease)}.row:hover,:host([data-selected]) .row,.row:focus-within{color:var(--ui-text-primary);background:var(--ui-surface-muted)}:host([data-disabled]) .row{opacity:0.55}:host([data-dragging]) .row{opacity:0.42}:host(:focus){outline:none}:host(:focus-visible) .row{box-shadow:0 0 0 2px var(--ui-focus-ring)}:host([data-drop-position='inside']) .row{background:var(--ui-accent-subtle);box-shadow:inset 0 0 0 1px var(--ui-tree-drop-color)}.disclosure,.disclosure-spacer{grid-column:1;grid-row:1;inline-size:20px;block-size:28px}.disclosure{display:grid;place-items:center;padding:0;color:var(--ui-text-muted);background:transparent;border:0;border-radius:var(--ui-radius-sm);cursor:pointer}.disclosure:hover{color:var(--ui-text-primary);background:var(--ui-surface-elevated)}.disclosure-icon{display:block;inline-size:14px;block-size:14px;transform:rotate(-90deg);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}.disclosure-icon--expanded{transform:rotate(0deg)}.disclosure-icon :is(svg),.drag-handle :is(svg){display:block;inline-size:100%;block-size:100%}.leading{display:none}.leading:has(*){display:inline-grid;place-items:center;grid-column:2;grid-row:1;inline-size:16px;block-size:16px;margin-inline-start:var(--ui-space-1)}.label{grid-column:3;grid-row:1;min-inline-size:0;padding:var(--ui-space-1) var(--ui-space-2)}.actions{grid-column:4;grid-row:1;display:inline-flex;align-items:center;min-inline-size:0}.drag-handle{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:-22px;inline-size:20px;block-size:32px;display:grid;place-items:center;padding:7px 3px;color:var(--ui-text-muted);background:var(--ui-surface-elevated);border:1px solid transparent;border-radius:var(--ui-radius-sm);cursor:grab;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease)}.row:hover .drag-handle,.drag-handle:focus-visible,:host([data-dragging]) .drag-handle{opacity:1;pointer-events:auto}.drag-handle:active{cursor:grabbing}.drop-indicator{position:absolute;z-index:3;inset-inline:1px;display:none;block-size:2px;border-radius:999px;background:var(--ui-tree-drop-color);pointer-events:none}.drop-indicator::before,.drop-indicator::after{content:'';position:absolute;inset-block-start:50%;inline-size:7px;block-size:7px;border:2px solid var(--ui-tree-drop-color);border-radius:999px;background:var(--ui-surface-elevated);transform:translateY(-50%)}.drop-indicator::before{inset-inline-start:-1px}.drop-indicator::after{inset-inline-end:-1px}:host([data-drop-position='before']) .drop-indicator{display:block;inset-block-start:-1px}:host([data-drop-position='after']) .drop-indicator{display:block;inset-block-end:-1px}.children[hidden]{display:none}:host-context(html[data-ui-input-modality='touch']){--ui-tree-row-min-height:44px}:host-context(html[data-ui-input-modality='touch']) .drag-handle{display:none}@media (prefers-reduced-motion: reduce){.row,.disclosure-icon,.drag-handle{transition:none}}`;
 var UITreeItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);

package/dist/{ui-tree.entry-X4FU42A6.js → ui-tree.entry-4R7DYGAM.js}

@@ -6,7 +6,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-SVINNT3E.js";
+} from "./chunk-OY4D3W4U.js";
 
 // dist/esm/ui-tree.entry.js
 function classifyDropPosition(rect, clientY, acceptsChildren) {

package/editor.css

@@ -239,10 +239,6 @@
   stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
 }
 
-.looma-editor__table-picker-anchor {
-  display: inline-flex;
-}
-
 .looma-editor__table-picker-popover,
 .looma-editor__table-toolbar-shell,
 .looma-editor__table-menu-shell {
@@ -251,6 +247,9 @@
 
 .looma-editor__table-picker-popover {
   min-width: 220px;
+  padding: 0;
+  border: 0;
+  background: transparent;
 }
 
 .looma-editor__table-toolbar-shell,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "type": "module",
   "description": "Looma web components, responsive layout primitives, a complete editor, and supported Vue adapters.",
   "license": "MIT",

package/tokens.css

@@ -1,6 +1,16 @@
 @layer tokens {
   :root {
-    --ui-font-stack-system: system-ui, sans-serif;
+    --ui-font-stack-system:
+      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      "Segoe UI",
+      Roboto,
+      Helvetica,
+      Arial,
+      sans-serif,
+      "Apple Color Emoji",
+      "Segoe UI Emoji";
     --ui-font-stack-neo-grotesque:
       Inter,
       Roboto,
@@ -28,9 +38,11 @@
       Calibri,
       source-sans-pro,
       sans-serif;
-    --ui-font-family-sans: var(--ui-font-stack-neo-grotesque);
+    --ui-font-family-sans: var(--ui-font-stack-system);
     --ui-font-size-xs: 0.75rem;
     --ui-font-size-sm: 0.875rem;
+    /* Dense interactive text: legible at 15px without body-copy spacing. */
+    --ui-font-size-ui: 0.9375rem;
     --ui-font-size-md: 1rem;
     --ui-font-size-lg: 1.125rem;
     --ui-font-size-xl: 1.25rem;

package/vue/{chunk-IITL6UBR.js → chunk-5KWCMTXB.js}

@@ -33,9 +33,11 @@ function createAdapterComponent(tagName, displayName, additionalEventBindings =
     inheritAttrs: false,
     setup(_props, { attrs, slots }) {
       const elementRef = shallowRef(null);
+      const componentReady = shallowRef(false);
       watchEffect((onCleanup) => {
         const element = elementRef.value;
         if (!element) return;
+        componentReady.value = element.classList.contains("hydrated") || Boolean(element.shadowRoot);
         const adapterAttrs = attrs;
         const propertyTarget = element;
         for (const propertyName of propertyBindings) {
@@ -80,6 +82,7 @@ function createAdapterComponent(tagName, displayName, additionalEventBindings =
           {
             "data-allow-mismatch": forwardedAttrs["data-allow-mismatch"] ?? defaultHydrationMismatch,
             ...forwardedAttrs,
+            class: [forwardedAttrs.class, componentReady.value && "hydrated"],
             ref: (value) => {
               elementRef.value = toHTMLElement(value);
             }

package/vue/editor/index.js

@@ -1,8 +1,9 @@
 import {
   IconButton,
+  Popover,
   createAdapterComponent,
   toHTMLElement
-} from "../chunk-IITL6UBR.js";
+} from "../chunk-5KWCMTXB.js";
 
 // src/editor/index.ts
 import "@threadlabs/looma/editor";
@@ -104,6 +105,7 @@ var EDITOR_ADAPTER_COMPONENT_TAG_MAP = {
 
 // src/editor/LoomaEditor.ts
 import { BubbleMenu, EditorContent, useEditor } from "@tiptap/vue-3";
+import { TextSelection } from "@tiptap/pm/state";
 import {
   defineComponent as defineComponent2,
   h as h2,
@@ -112,6 +114,7 @@ import {
   onMounted,
   reactive,
   ref,
+  useId,
   watch
 } from "vue";
 import {
@@ -125,11 +128,7 @@ import {
   resolveTableCellAt,
   shouldShowTextFormattingToolbar
 } from "@threadlabs/looma/editor";
-import {
-  clampRectToViewport,
-  getVisualViewportRect,
-  LOOMA_ICONS
-} from "@threadlabs/looma/core";
+import { getVisualViewportRect, LOOMA_ICONS } from "@threadlabs/looma/core";
 
 // src/editor/image-delivery.ts
 import { Extension } from "@tiptap/core";
@@ -388,8 +387,7 @@ var LoomaEditor = defineComponent2({
   setup(props, { attrs, emit, expose }) {
     const root = ref(null);
     const fileInput = ref(null);
-    const tablePickerAnchor = ref(null);
-    const tablePickerPopover = ref(null);
+    const tablePickerAnchorId = `looma-editor-table-picker-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
     const tableToolbarShell = ref(null);
     const tableOverlayShell = ref(null);
     const tableMenuShell = ref(null);
@@ -398,7 +396,6 @@ var LoomaEditor = defineComponent2({
     const uploading = ref(false);
     const failedUpload = ref(null);
     const tablePickerOpen = ref(false);
-    const tablePickerStyle = ref({});
     const mobileToolbarStyle = ref({});
     const mobile = ref(typeof window !== "undefined" && window.innerWidth <= 767);
     const editorFocused = ref(false);
@@ -441,6 +438,17 @@ var LoomaEditor = defineComponent2({
     const imageDelivery = createLoomaImageDeliveryController({
       resolveAttributes: () => props.resolveImageAttributes
     });
+    let lastFocusedSelection = null;
+    const rememberSelection = (instance) => {
+      if (!instance.isFocused) return;
+      const selection = instance.view.state.selection;
+      lastFocusedSelection = {
+        bookmark: selection.getBookmark(),
+        from: selection.from,
+        to: selection.to,
+        text: selection instanceof TextSelection
+      };
+    };
     const editor = useEditor({
       extensions: [
         ...getDefaultEditorExtensions({ placeholder: props.placeholder }),
@@ -451,6 +459,8 @@ var LoomaEditor = defineComponent2({
       content: props.modelValue,
       editable: props.editable,
       onCreate: ({ editor: instance }) => emit("ready", instance),
+      onFocus: ({ editor: instance }) => rememberSelection(instance),
+      onSelectionUpdate: ({ editor: instance }) => rememberSelection(instance),
       onUpdate: ({ editor: instance }) => {
         const value = instance.getJSON();
         emit("update:modelValue", value);
@@ -465,7 +475,30 @@ var LoomaEditor = defineComponent2({
     watch(() => props.modelValue, (value) => {
       const instance = editor.value;
       if (!instance || sameDocument(instance.getJSON(), value)) return;
-      instance.commands.setContent(value, false);
+      const wasFocused = instance.isFocused;
+      const previousSelection = lastFocusedSelection ?? {
+        bookmark: instance.view.state.selection.getBookmark(),
+        from: instance.view.state.selection.from,
+        to: instance.view.state.selection.to,
+        text: instance.view.state.selection instanceof TextSelection
+      };
+      if (!wasFocused) {
+        instance.commands.setContent(value, false);
+        return;
+      }
+      instance.chain().setContent(value, false).command(({ tr }) => {
+        try {
+          tr.setSelection(previousSelection.text ? TextSelection.create(tr.doc, previousSelection.from, previousSelection.to) : previousSelection.bookmark.resolve(tr.doc));
+        } catch {
+          const max = tr.doc.content.size;
+          const from = Math.max(1, Math.min(previousSelection.from, max));
+          const to = Math.max(from, Math.min(previousSelection.to, max));
+          tr.setSelection(TextSelection.create(tr.doc, from, to));
+        }
+        return true;
+      }).run();
+      instance.view.focus();
+      rememberSelection(instance);
     }, { deep: true });
     const closeTableUi = () => {
       tableUi.toolbarOpen = false;
@@ -574,38 +607,9 @@ var LoomaEditor = defineComponent2({
       unbindEditorUi(previous);
       bindEditorUi(instance);
     }, { immediate: true });
-    const updateTablePickerPosition = () => {
-      const anchor = tablePickerAnchor.value;
-      if (!anchor) return;
-      const rect = anchor.getBoundingClientRect();
-      const viewport = getVisualViewportRect(window);
-      const width = 220;
-      const popoverHeight = tablePickerPopover.value?.getBoundingClientRect().height || 300;
-      const target = {
-        left: rect.left,
-        top: rect.bottom + 8,
-        right: rect.left + width,
-        bottom: rect.bottom + 8 + popoverHeight,
-        width,
-        height: popoverHeight
-      };
-      const offset = clampRectToViewport(
-        target,
-        viewport,
-        12
-      );
-      const left = target.left + offset.x;
-      const top = target.top + offset.y;
-      tablePickerStyle.value = window.innerWidth <= 767 ? {
-        position: "fixed",
-        left: `${left}px`,
-        top: `${Math.max(viewport.top + 12, viewport.bottom - popoverHeight - 64)}px`
-      } : { position: "fixed", top: `${top}px`, left: `${left}px` };
-    };
     const onViewportChange = () => {
       updateMobileViewport();
       updateTableUi();
-      updateTablePickerPosition();
       tableUi.menuOpen = false;
     };
     const onDocumentPointerDown = (event) => {
@@ -618,9 +622,6 @@ var LoomaEditor = defineComponent2({
       if (inTableUi) setTimeout(() => {
         tableInteractionActive = false;
       }, 0);
-      if (tablePickerOpen.value && !inElement(tablePickerAnchor.value) && !inElement(tablePickerPopover.value)) {
-        tablePickerOpen.value = false;
-      }
       if ((tableUi.toolbarOpen || tableUi.overlayOpen || tableUi.menuOpen) && !inElement(root.value) && !inTableUi) {
         closeTableUi();
       }
@@ -858,12 +859,18 @@ var LoomaEditor = defineComponent2({
         commandButton("Code block", "braces", instance.isActive("codeBlock"), !instance.can().toggleCodeBlock(), () => instance.chain().focus().toggleCodeBlock().run()),
         commandButton("Divider", "minus", false, !instance.can().setHorizontalRule(), () => instance.chain().focus().setHorizontalRule().run()),
         h2("span", { class: "ui-editor-toolbar__divider", "aria-hidden": "true" }),
-        h2("span", { ref: tablePickerAnchor, class: "looma-editor__table-picker-anchor" }, [
-          commandButton("Insert table", "table", false, false, () => {
+        h2(IconButton, {
+          id: tablePickerAnchorId,
+          class: "looma-editor__toolbar-button",
+          label: "Insert table",
+          title: "Insert table",
+          size: "sm",
+          variant: tablePickerOpen.value ? "solid" : "ghost",
+          "aria-expanded": tablePickerOpen.value ? "true" : "false",
+          onClick: () => {
             tablePickerOpen.value = !tablePickerOpen.value;
-            nextTick(updateTablePickerPosition);
-          })
-        ]),
+          }
+        }, () => loomaIcon("table")),
         commandButton(uploading.value ? "Uploading image" : "Insert image", "image", false, uploading.value || !props.uploadImage, () => fileInput.value?.click()),
         h2("span", { class: "ui-editor-toolbar__divider", "aria-hidden": "true" }),
         commandButton("Undo", "undo", false, !instance.can().undo(), () => instance.chain().focus().undo().run()),
@@ -976,17 +983,21 @@ var LoomaEditor = defineComponent2({
           loomaIcon("image"),
           h2("span", "Drop image to upload")
         ]) : null,
-        tablePickerOpen.value ? h2("div", {
-          ref: tablePickerPopover,
+        h2(Popover, {
           class: "looma-editor__table-picker-popover",
-          style: tablePickerStyle.value
-        }, [h2(EditorInsertTableGrid, {
+          open: tablePickerOpen.value,
+          for: tablePickerAnchorId,
+          placement: mobile.value ? "top-start" : "bottom-start",
+          onClose: () => {
+            tablePickerOpen.value = false;
+          }
+        }, () => [h2(EditorInsertTableGrid, {
           open: true,
           onInsertTable: (detail) => {
             instance?.chain().focus().insertTable(detail).run();
             tablePickerOpen.value = false;
           }
-        })]) : null,
+        })]),
         slash.active && slash.items.length > 0 ? h2(EditorSlashMenu, {
           open: true,
           query: slash.query,

package/vue/index.js

@@ -39,7 +39,7 @@ import {
   Tree,
   TreeItem,
   VUE_ADAPTER_NOTE
-} from "./chunk-IITL6UBR.js";
+} from "./chunk-5KWCMTXB.js";
 export {
   ADAPTER_COMPONENT_TAG_MAP,
   AffordanceScope,

package/dist/components/p-CR7f2MQC.js

@@ -1 +0,0 @@
-const n=[],t="data-ui-scroll-lock";let e=0,o=!1;function c(){if("undefined"==typeof document)return;const n=document.documentElement;if(e>0)return n.setAttribute(t,"true"),void(n.style.overflow="hidden");n.removeAttribute(t),n.style.removeProperty("overflow")}function u(n){return n.dismissible??!0}function i(n){"Escape"===n.key&&a("escape","keyboard")}function d(n){const t=f();if(!t||!u(t))return;const e=n.target;e instanceof Node&&t.element.contains(e)||a("light-dismiss","pointer")}function r(t){s(t.id),n.push(t),t.modal&&(e+=1,c()),o||"undefined"==typeof document||(document.addEventListener("keydown",i),document.addEventListener("pointerdown",d,{capture:!0}),o=!0)}function s(t){const u=n.findIndex((n=>n.id===t));if(u>=0){const[t]=n.splice(u,1);t?.modal&&(e=Math.max(0,e-1),c())}!o||n.length>0||"undefined"==typeof document||(document.removeEventListener("keydown",i),document.removeEventListener("pointerdown",d,{capture:!0}),o=!1)}function f(){return n.at(-1)}function a(n,t){const e=f();return!!e&&!!(u(e)||"escape"!==n&&"light-dismiss"!==n)&&(e.requestClose(n,t),!0)}export{s as c,r as o,a as r}

package/dist/components/p-QiwSQmKJ.js

@@ -1 +0,0 @@
-import{p as e,H as t,h as i,c as r,t as a}from"./p-CIA4RyEp.js";import{d as o,e as s}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const t=e.target.closest?.("ui-menu-item");if(!t||t.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(t))return;const i=t.getAttribute("value")??t.getAttribute("data-value")??"";o(this.host,"select",{value:i,trigger:s(e)}),o(this.host,"close",{open:!1,reason:"action",trigger:s(e)}),this.internalOpen=!1};onKeydown=e=>{const i=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===i.length)return;const r=e.target.closest?.("ui-menu-item"),a=r&&r instanceof t?i.indexOf(r):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),i["ArrowDown"===e.key?a<0?0:Math.min(a+1,i.length-1):a<=0?i.length-1:a-1].focus());else if(e.preventDefault(),r&&a>=0){const e=r.getAttribute("value")??r.getAttribute("data-value")??"";o(this.host,"select",{value:e,trigger:"keyboard"}),o(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return i(r,{key:"5e463cbbce272c6b6132a839b818deef3e39a532",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},i("slot",{key:"feea6a21d41a7b27a6270814bcf0b3f3ded394a1"}))}static get watchers(){return{open:[{syncFromProp:0}]}}static get style(){return":host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}"}},[769,"ui-menu",{open:[4],defaultOpen:[4,"default-open"],internalOpen:[32]},void 0,{open:[{syncFromProp:0}]}]);function u(){"undefined"!=typeof customElements&&["ui-menu"].forEach((e=>{"ui-menu"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))}export{n as U,u as d}

package/dist/looma/p-2ae73d5b.entry.js

@@ -1 +0,0 @@
-import{r as t,g as e,h as i,H as s}from"./p-CEeiinfk.js";import{o as n,c as o,r}from"./p-CR7f2MQC.js";import{d as a}from"./p-JwSoedEO.js";const h=class{constructor(e){t(this,e)}get host(){return e(this)}open=!1;defaultOpen=!1;for;internalOpen=!1;overlayId=`ui-context-menu-${Math.random().toString(36).slice(2,11)}`;trigger=null;contextTarget=null;pointerX=0;pointerY=0;syncFromProp(){this.internalOpen=this.open}syncTarget(){this.resolveTargets(),this.attachTargetListeners()}syncOverlay(){this.syncTriggerState(),this.internalOpen?n({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(t,e)=>this.closeMenu(t,e)}):o(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.resolveTargets(),this.attachTargetListeners(),this.syncTriggerState(),this.syncOverlay()}componentDidUpdate(){this.resolveTargets(),this.attachTargetListeners(),this.syncTriggerState()}disconnectedCallback(){this.detachTargetListeners(),o(this.overlayId)}resolveTargets(){const t=this.trigger,e=this.contextTarget,i=this.host.querySelector('[slot="trigger"]'),s=this.for?document.getElementById(this.for):null;this.trigger=i,this.contextTarget=s??i??this.host.parentElement,t===this.trigger&&e===this.contextTarget||(t?.removeEventListener("click",this.onTriggerClick),t?.removeEventListener("keydown",this.onTriggerKeydown),e?.removeEventListener("contextmenu",this.onContextMenu))}attachTargetListeners(){this.detachTargetListeners(),this.trigger?.addEventListener("click",this.onTriggerClick),this.trigger?.addEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.addEventListener("contextmenu",this.onContextMenu)}detachTargetListeners(){this.trigger?.removeEventListener("click",this.onTriggerClick),this.trigger?.removeEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.removeEventListener("contextmenu",this.onContextMenu)}syncTriggerState(){this.trigger&&(this.trigger.setAttribute("aria-haspopup","menu"),this.trigger.setAttribute("aria-expanded",this.internalOpen?"true":"false"))}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item")).filter((t=>!this.isItemDisabled(t)))}focusFirstItem(){requestAnimationFrame((()=>this.getItems()[0]?.focus()))}openMenu(t,e,i){this.pointerX=t,this.pointerY=e,this.internalOpen=!0,a(this.host,"open",{open:!0,reason:"action",trigger:i}),this.focusFirstItem()}openFromTrigger(t){if(!this.trigger)return;const e=this.trigger.getBoundingClientRect();this.openMenu(e.left,e.bottom,t)}closeMenu(t,e,i=!0){this.internalOpen&&(this.internalOpen=!1,a(this.host,"close",{open:!1,reason:t,trigger:e}),i&&this.trigger?.focus())}onTriggerClick=t=>{this.internalOpen?this.closeMenu("action",0===t.detail?"keyboard":"pointer"):this.openFromTrigger(0===t.detail?"keyboard":"pointer")};onTriggerKeydown=t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.internalOpen?this.focusFirstItem():this.openFromTrigger("keyboard"))};onContextMenu=t=>{t.preventDefault(),this.openMenu(t.clientX,t.clientY,"pointer")};isItemDisabled(t){return"true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")||"true"===t.getAttribute("disabled")||!0===t.disabled}onKeydown=t=>{if(this.internalOpen){if("Escape"===t.key)return t.preventDefault(),void r("escape","keyboard");if("Enter"===t.key||" "===t.key){const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;t.preventDefault();const i=e.getAttribute("value")??e.getAttribute("data-value")??"";a(this.host,"select",{value:i,trigger:"keyboard"}),this.closeMenu("action","keyboard")}}};onItemClick=t=>{const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;const i=e.getAttribute("value")??e.getAttribute("data-value")??"";a(this.host,"select",{value:i,trigger:"pointer"}),this.closeMenu("action","pointer")};render(){return i(s,{key:"79fbca2c89f1d1fd1f4796ad88d2a599e811a3f9","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown,onClick:this.onItemClick},i("slot",{key:"9308cadfa155930e3e46dfb4a69a847ae388958b",name:"trigger"}),i("div",{key:"16cfba2b32444ac9e3cac1f040f81f17fd5db23c",class:"menu","data-open":this.internalOpen?"":void 0,style:{left:`${this.pointerX}px`,top:`${this.pointerY}px`}},i("ui-menu",{key:"59f18e0df3bb1fe85efa8eeca00b336bbde47c70",open:this.internalOpen},i("slot",{key:"5bdbb7773c9c1ae43ec2e05fca9558482815e28a"}))))}static get watchers(){return{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}}};h.style=":host{display:contents}.menu{position:fixed;z-index:var(--ui-z-overlay, 1000);min-width:12rem}.menu[data-open]{display:block}.menu:not([data-open]){display:none !important}";export{h as ui_context_menu}

package/dist/looma/p-3ac2e0d4.entry.js

@@ -1 +0,0 @@
-import{r as t,g as a,h as i,H as n}from"./p-CEeiinfk.js";function e(t,a){const i=Math.max(a.left-t.x,0,t.x-a.right),n=Math.max(a.top-t.y,0,t.y-a.bottom);return Math.hypot(i,n)}const o=class{constructor(a){t(this,a)}get host(){return a(this)}nearRadius=16;coordinator=null;componentDidLoad(){this.connectCoordinator()}disconnectedCallback(){this.coordinator?.destroy(),this.coordinator=null}connectCoordinator(){this.coordinator?.destroy(),this.coordinator=function(t,a={}){const i=t.ownerDocument.defaultView??window,n=a.pointerTarget??t,o=a.anchorSelector??"[data-ui-affordance]",r=a.nearRadius??16,s=Number.isFinite(r)?Math.max(0,r):16,c=new AbortController;let d=[],l=null,u=null,h=!1;const p=()=>{for(const{element:t}of d)t.hasAttribute("data-ui-proximity")&&t.removeAttribute("data-ui-proximity");t.hasAttribute("data-ui-interaction")&&t.removeAttribute("data-ui-interaction")},f=()=>{d=Array.from(t.querySelectorAll(o)).filter((t=>!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled"))).map((t=>({element:t,rect:t.getBoundingClientRect()}))),h=!1},g=()=>{if(l=null,h&&f(),!u)return void p();let a=!1;for(const t of d){const i=e(u,t.rect)<=s;i&&"near"!==t.element.getAttribute("data-ui-proximity")?t.element.setAttribute("data-ui-proximity","near"):!i&&t.element.hasAttribute("data-ui-proximity")&&t.element.removeAttribute("data-ui-proximity"),a||=i}a&&"engaged"!==t.getAttribute("data-ui-interaction")?t.setAttribute("data-ui-interaction","engaged"):!a&&t.hasAttribute("data-ui-interaction")&&t.removeAttribute("data-ui-interaction")},m=()=>{null===l&&(l=i.requestAnimationFrame(g))},b=()=>{h=!0,m()};return n.addEventListener("pointermove",(t=>{u="touch"===t.pointerType?null:{x:t.clientX,y:t.clientY},m()}),{passive:!0,signal:c.signal}),i.addEventListener("resize",b,{passive:!0,signal:c.signal}),i.addEventListener("scroll",b,{passive:!0,capture:!0,signal:c.signal}),i.visualViewport?.addEventListener("resize",b,{passive:!0,signal:c.signal}),i.visualViewport?.addEventListener("scroll",b,{passive:!0,signal:c.signal}),f(),{refresh:b,destroy(){c.abort(),null!==l&&i.cancelAnimationFrame(l),l=null,u=null,p(),d=[]}}}(this.host,{nearRadius:this.nearRadius})}onSlotChange=()=>{this.coordinator?.refresh()};render(){return i(n,{key:"184b0a908494d480ed23aa14b75d4f7b94e5275b"},i("slot",{key:"570e810db588c1514c6fd85985c9bc4532993a2b",onSlotchange:this.onSlotChange}))}static get watchers(){return{nearRadius:[{connectCoordinator:0}]}}};o.style=":host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}";export{o as ui_affordance_scope}

package/dist/looma/p-65c25c94.entry.js

@@ -1 +0,0 @@
-import{r as e,g as i,h as t,H as r}from"./p-CEeiinfk.js";import{d as a,e as o}from"./p-JwSoedEO.js";const s=class{constructor(i){e(this,i)}get host(){return i(this)}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const i=e.target.closest?.("ui-menu-item");if(!i||i.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(i))return;const t=i.getAttribute("value")??i.getAttribute("data-value")??"";a(this.host,"select",{value:t,trigger:o(e)}),a(this.host,"close",{open:!1,reason:"action",trigger:o(e)}),this.internalOpen=!1};onKeydown=e=>{const i=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===i.length)return;const t=e.target.closest?.("ui-menu-item"),r=t&&t instanceof HTMLElement?i.indexOf(t):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),i["ArrowDown"===e.key?r<0?0:Math.min(r+1,i.length-1):r<=0?i.length-1:r-1].focus());else if(e.preventDefault(),t&&r>=0){const e=t.getAttribute("value")??t.getAttribute("data-value")??"";a(this.host,"select",{value:e,trigger:"keyboard"}),a(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return t(r,{key:"5e463cbbce272c6b6132a839b818deef3e39a532",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},t("slot",{key:"feea6a21d41a7b27a6270814bcf0b3f3ded394a1"}))}static get watchers(){return{open:[{syncFromProp:0}]}}};s.style=":host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}";export{s as ui_menu}

package/dist/looma/p-8c09c724.entry.js

@@ -1 +0,0 @@
-import{r as t,g as a,h as e,H as i}from"./p-CEeiinfk.js";import{d as s,e as r}from"./p-JwSoedEO.js";const o=class{constructor(a){t(this,a)}get host(){return a(this)}open=!0;internalOpen=!0;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.host.addEventListener("click",this.onClick)}disconnectedCallback(){this.host.removeEventListener("click",this.onClick)}getToasts(){return Array.from(this.host.querySelectorAll("[data-ui-toast]"))}updateOpenState(){const t=this.getToasts();this.internalOpen=t.length>0}onClick=t=>{const a=t.target.closest?.("[data-ui-toast-dismiss]");if(!a)return;const e=a.closest?.("[data-ui-toast]");if(!e)return;const i=e.id??"";e.setAttribute("aria-hidden","true"),e.remove(),s(this.host,"dismiss",{id:i,reason:"action",trigger:r(t)}),this.updateOpenState(),0===this.getToasts().length&&s(this.host,"close",{open:!1,reason:"action",trigger:r(t)})};render(){return e(i,{key:"0edcce54864ba991b092d004d3b45cf697b9c3ac",role:"region","aria-label":"Notifications","data-open":this.internalOpen?"":void 0},e("slot",{key:"2e30794a05b018fb55c4313c8e17f7262ecee7da"}))}static get watchers(){return{open:[{syncFromProp:0}]}}};o.style=":host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}";export{o as ui_toast_region}

package/dist/looma/p-95cd639d.entry.js

@@ -1 +0,0 @@
-import{r as e,g as o,h as r,H as s}from"./p-CEeiinfk.js";import{o as i,c as a,r as t}from"./p-CR7f2MQC.js";import{d as n}from"./p-JwSoedEO.js";const p=class{constructor(o){e(this,o)}get host(){return o(this)}open=!1;defaultOpen=!1;internalOpen=!1;overlayId=`ui-popover-${Math.random().toString(36).slice(2,11)}`;syncFromProp(){this.internalOpen=this.open}onOpenChange(){this.syncOverlay(),this.internalOpen?n(this.host,"open",{open:!0,reason:"programmatic",trigger:"programmatic"}):n(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"})}syncOverlay(){this.internalOpen?i({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(e,o)=>this.handleRequestClose(e,o)}):a(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("keydown",this.onKeydown),this.syncOverlay()}disconnectedCallback(){this.host.removeEventListener("keydown",this.onKeydown),a(this.overlayId)}componentDidUpdate(){this.syncOverlay()}handleRequestClose(e,o){this.internalOpen=!1,n(this.host,"close",{open:!1,reason:e,trigger:o})}onKeydown=e=>{"Escape"===e.key&&t("escape","keyboard")};render(){return r(s,{key:"67e7f52220db9d997fb11b686d6abcbdf9557a8d","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},r("slot",{key:"d7c1fa2ab75994fe0a7dd63f8289754c7754c30f"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{onOpenChange:0}]}}};p.style=":host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto}";export{p as ui_popover}

package/dist/looma/p-96f73d07.entry.js

@@ -1 +0,0 @@
-import{r as t,g as i,h as s,H as e}from"./p-CEeiinfk.js";import{o,c as r,r as n}from"./p-CR7f2MQC.js";import{d as h}from"./p-JwSoedEO.js";const a=class{constructor(i){t(this,i)}get host(){return i(this)}for="";open=!1;defaultOpen=!1;internalOpen=!1;overlayId=`ui-tooltip-${Math.random().toString(36).slice(2,11)}`;trigger=null;syncFromProp(){this.internalOpen=this.open}syncOverlay(){this.internalOpen?o({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(t,i)=>this.handleRequestClose(t,i)}):r(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.resolveTrigger(),this.attachTriggerListeners(),this.host.addEventListener("keydown",this.onKeydown),this.syncOverlay()}componentDidUpdate(){this.resolveTrigger(),this.attachTriggerListeners(),this.syncOverlay()}disconnectedCallback(){this.detachTriggerListeners(),this.host.removeEventListener("keydown",this.onKeydown),r(this.overlayId)}resolveTrigger(){this.trigger=this.for?document.getElementById(this.for):this.host.previousElementSibling}attachTriggerListeners(){this.detachTriggerListeners(),this.trigger&&(this.trigger.addEventListener("pointerenter",this.onTriggerEnter),this.trigger.addEventListener("pointerleave",this.onTriggerLeave),this.trigger.addEventListener("focusin",this.onTriggerFocusIn),this.trigger.addEventListener("focusout",this.onTriggerFocusOut))}detachTriggerListeners(){this.trigger&&(this.trigger.removeEventListener("pointerenter",this.onTriggerEnter),this.trigger.removeEventListener("pointerleave",this.onTriggerLeave),this.trigger.removeEventListener("focusin",this.onTriggerFocusIn),this.trigger.removeEventListener("focusout",this.onTriggerFocusOut))}onTriggerEnter=()=>{this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:"pointer"}),this.syncOverlay()};onTriggerLeave=()=>{this.internalOpen=!1,h(this.host,"close",{open:!1,reason:"action",trigger:"pointer"}),this.syncOverlay()};onTriggerFocusIn=()=>{this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:"keyboard"}),this.syncOverlay()};onTriggerFocusOut=t=>{const i=t.relatedTarget;i&&this.host.contains(i)||(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.syncOverlay())};handleRequestClose(t,i){"escape"===t&&(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:"escape",trigger:i}),this.trigger?.focus())}onKeydown=t=>{"Escape"===t.key&&n("escape","keyboard")};render(){return s(e,{key:"64b5f4e7a56cbf5560edc6d7118022a49d5e2786",role:"tooltip",hidden:!this.internalOpen,"data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},s("slot",{key:"cf6f96689021a42a01b782f0e1d0730b5a9aa1f8"}))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncOverlay:0}]}}};a.style=":host{display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host([hidden]){display:none !important}";export{a as ui_tooltip}

package/dist/looma/p-CR7f2MQC.js

@@ -1 +0,0 @@
-const n=[],t="data-ui-scroll-lock";let e=0,o=!1;function c(){if("undefined"==typeof document)return;const n=document.documentElement;if(e>0)return n.setAttribute(t,"true"),void(n.style.overflow="hidden");n.removeAttribute(t),n.style.removeProperty("overflow")}function u(n){return n.dismissible??!0}function i(n){"Escape"===n.key&&a("escape","keyboard")}function d(n){const t=f();if(!t||!u(t))return;const e=n.target;e instanceof Node&&t.element.contains(e)||a("light-dismiss","pointer")}function r(t){s(t.id),n.push(t),t.modal&&(e+=1,c()),o||"undefined"==typeof document||(document.addEventListener("keydown",i),document.addEventListener("pointerdown",d,{capture:!0}),o=!0)}function s(t){const u=n.findIndex((n=>n.id===t));if(u>=0){const[t]=n.splice(u,1);t?.modal&&(e=Math.max(0,e-1),c())}!o||n.length>0||"undefined"==typeof document||(document.removeEventListener("keydown",i),document.removeEventListener("pointerdown",d,{capture:!0}),o=!1)}function f(){return n.at(-1)}function a(n,t){const e=f();return!!e&&!!(u(e)||"escape"!==n&&"light-dismiss"!==n)&&(e.requestClose(n,t),!0)}export{s as c,r as o,a as r}