@threadlabs/looma 0.1.8 → 0.1.10

package/vue/{chunk-KDA4RFLQ.js → chunk-YN4IUYVY.js}

@@ -24,9 +24,10 @@ function toHTMLElement(value) {
   if (value instanceof HTMLElement) return value;
   return null;
 }
-function createAdapterComponent(tagName, displayName, additionalEventBindings = []) {
+function createAdapterComponent(tagName, displayName, additionalEventBindings = [], defaultHydrationMismatch = "class", propertyBindings = []) {
   const eventBindings = [...BASE_EVENT_BINDINGS, ...additionalEventBindings];
   const callbackAttrs = new Set(eventBindings.map(([, callbackAttr]) => callbackAttr));
+  const propertyAttrs = new Set(propertyBindings);
   return defineComponent({
     name: displayName,
     inheritAttrs: false,
@@ -36,6 +37,12 @@ function createAdapterComponent(tagName, displayName, additionalEventBindings =
         const element = elementRef.value;
         if (!element) return;
         const adapterAttrs = attrs;
+        const propertyTarget = element;
+        for (const propertyName of propertyBindings) {
+          if (propertyTarget[propertyName] !== adapterAttrs[propertyName]) {
+            propertyTarget[propertyName] = adapterAttrs[propertyName];
+          }
+        }
         const handlers = eventBindings.map(
           ([eventName, callbackAttr]) => {
             const callback = adapterAttrs[callbackAttr];
@@ -56,7 +63,9 @@ function createAdapterComponent(tagName, displayName, additionalEventBindings =
       });
       return () => {
         const forwardedAttrs = Object.fromEntries(
-          Object.entries(attrs).filter(([name]) => !callbackAttrs.has(name))
+          Object.entries(attrs).filter(
+            ([name]) => !callbackAttrs.has(name) && !propertyAttrs.has(name)
+          )
         );
         const children = Object.entries(slots).flatMap(([slotName, slotFn]) => {
           if (!slotFn) return [];
@@ -69,7 +78,7 @@ function createAdapterComponent(tagName, displayName, additionalEventBindings =
         return h(
           tagName,
           {
-            "data-allow-mismatch": forwardedAttrs["data-allow-mismatch"] ?? "class",
+            "data-allow-mismatch": forwardedAttrs["data-allow-mismatch"] ?? defaultHydrationMismatch,
             ...forwardedAttrs,
             ref: (value) => {
               elementRef.value = toHTMLElement(value);
@@ -89,7 +98,7 @@ var Cluster = createAdapterComponent("ui-cluster", "Cluster");
 var Grid = createAdapterComponent("ui-grid", "Grid");
 var Center = createAdapterComponent("ui-center", "Center");
 var Switcher = createAdapterComponent("ui-switcher", "Switcher");
-var Sidebar = createAdapterComponent("ui-sidebar", "Sidebar");
+var Sidebar = createAdapterComponent("ui-sidebar", "Sidebar", [], "");
 var Reel = createAdapterComponent("ui-reel", "Reel");
 var Separator = createAdapterComponent("ui-separator", "Separator");
 var Disclosure = createAdapterComponent("ui-disclosure", "Disclosure");
@@ -99,6 +108,7 @@ var Popover = createAdapterComponent("ui-popover", "Popover");
 var Menu = createAdapterComponent("ui-menu", "Menu");
 var MenuItem = createAdapterComponent("ui-menu-item", "MenuItem");
 var ContextMenu = createAdapterComponent("ui-context-menu", "ContextMenu");
+var AffordanceScope = createAdapterComponent("ui-affordance-scope", "AffordanceScope");
 var Button = createAdapterComponent("ui-button", "Button");
 var IconButton = createAdapterComponent("ui-icon-button", "IconButton");
 var Input = createAdapterComponent("ui-input", "Input");
@@ -138,6 +148,7 @@ var ADAPTER_COMPONENT_TAG_MAP = {
   Menu: "ui-menu",
   MenuItem: "ui-menu-item",
   ContextMenu: "ui-context-menu",
+  AffordanceScope: "ui-affordance-scope",
   Button: "ui-button",
   IconButton: "ui-icon-button",
   Input: "ui-input",
@@ -179,6 +190,7 @@ export {
   Menu,
   MenuItem,
   ContextMenu,
+  AffordanceScope,
   Button,
   IconButton,
   Input,

package/vue/editor/index.js

@@ -2,7 +2,7 @@ import {
   IconButton,
   createAdapterComponent,
   toHTMLElement
-} from "../chunk-KDA4RFLQ.js";
+} from "../chunk-YN4IUYVY.js";
 
 // src/editor/index.ts
 import "@threadlabs/looma/editor";
@@ -86,7 +86,13 @@ var EditorToolbar = createAdapterComponent("ui-editor-toolbar", "EditorToolbar",
 var EditorTableContextMenu = createAdapterComponent("ui-editor-table-context-menu", "EditorTableContextMenu", EDITOR_EVENT_BINDINGS);
 var EditorTableToolbar = createAdapterComponent("ui-editor-table-toolbar", "EditorTableToolbar", EDITOR_EVENT_BINDINGS);
 var EditorInsertTableGrid = createAdapterComponent("ui-editor-insert-table-grid", "EditorInsertTableGrid", EDITOR_EVENT_BINDINGS);
-var EditorTableOverlay = createAdapterComponent("ui-editor-table-overlay", "EditorTableOverlay", EDITOR_EVENT_BINDINGS);
+var EditorTableOverlay = createAdapterComponent(
+  "ui-editor-table-overlay",
+  "EditorTableOverlay",
+  EDITOR_EVENT_BINDINGS,
+  "class",
+  ["geometry"]
+);
 var EDITOR_ADAPTER_COMPONENT_TAG_MAP = {
   EditorToolbar: "ui-editor-toolbar",
   EditorSlashMenu: "ui-editor-slash-menu",
@@ -114,9 +120,12 @@ import {
   getDefaultEditorExtensions,
   handleTableAction,
   handleTableOverlayAction,
+  measureTableOverlayGeometry,
   normalizeActiveTableColumnWidths,
+  resolveTableCellAt,
   shouldShowTextFormattingToolbar
 } from "@threadlabs/looma/editor";
+import { clampRectToViewport, getVisualViewportRect } from "@threadlabs/looma/core";
 var EMPTY_DOCUMENT = { type: "doc", content: [] };
 var EMPTY_CAPABILITIES = {
   canAddRowBefore: false,
@@ -137,13 +146,10 @@ function selectedTableElement(editor) {
   const element = node instanceof HTMLElement ? node : node.parentElement;
   return element?.closest("table");
 }
-function selectedTableNode(editor) {
-  const { $from } = editor.state.selection;
-  for (let depth = $from.depth; depth > 0; depth -= 1) {
-    const node = $from.node(depth);
-    if (node.type.name === "table") return node;
-  }
-  return null;
+function selectedTableCellElement(editor) {
+  const { node } = editor.view.domAtPos(editor.state.selection.from);
+  const element = node instanceof HTMLElement ? node : node.parentElement;
+  return element?.closest("td, th");
 }
 var LoomaEditor = defineComponent2({
   name: "LoomaEditor",
@@ -194,6 +200,8 @@ var LoomaEditor = defineComponent2({
     let tableResizeActive = false;
     let tableInteractionActive = false;
     let mobileTableControlsDismissed = false;
+    let hoveredTableCell = null;
+    let tablePointerFrame = null;
     const slash = reactive({
       active: false,
       items: [],
@@ -210,6 +218,7 @@ var LoomaEditor = defineComponent2({
       background: null,
       rows: 0,
       cols: 0,
+      geometry: null,
       toolbarStyle: {},
       overlayStyle: {},
       menuStyle: {},
@@ -248,6 +257,7 @@ var LoomaEditor = defineComponent2({
       tableUi.menuOpen = false;
       tableUi.alignment = "left";
       tableUi.background = null;
+      tableUi.geometry = null;
       tableUi.capabilities = { ...EMPTY_CAPABILITIES };
       mobileTableControlsDismissed = false;
       mobileToolbarMode.value = "formatting";
@@ -259,16 +269,12 @@ var LoomaEditor = defineComponent2({
         return;
       }
       nextTick(() => {
-        const viewport = window.visualViewport;
-        const viewportLeft = viewport?.offsetLeft ?? 0;
-        const viewportTop = viewport?.offsetTop ?? 0;
-        const viewportWidth = viewport?.width ?? window.innerWidth;
-        const viewportHeight = viewport?.height ?? window.innerHeight;
+        const viewport = getVisualViewportRect(window);
         const toolbarHeight = mobileToolbarShell.value?.getBoundingClientRect().height || 56;
         mobileToolbarStyle.value = {
-          left: `${viewportLeft}px`,
-          top: `${Math.max(viewportTop, viewportTop + viewportHeight - toolbarHeight)}px`,
-          width: `${viewportWidth}px`
+          left: `${viewport.left}px`,
+          top: `${Math.max(viewport.top, viewport.bottom - toolbarHeight)}px`,
+          width: `${viewport.width}px`
         };
       });
     };
@@ -280,8 +286,7 @@ var LoomaEditor = defineComponent2({
       }
       const state = getActiveTableUiState(instance);
       const table = selectedTableElement(instance);
-      const tableNode = selectedTableNode(instance);
-      if (!state.active || !table || !tableNode) {
+      if (!state.active || !table) {
         closeTableUi();
         return;
       }
@@ -297,8 +302,14 @@ var LoomaEditor = defineComponent2({
       tableUi.alignment = state.cellAlignment;
       tableUi.background = state.cellBackground;
       tableUi.capabilities = state.capabilities;
-      tableUi.rows = tableNode.childCount;
-      tableUi.cols = tableNode.childCount ? tableNode.child(0).childCount : 0;
+      const selectedCell = selectedTableCellElement(instance);
+      const geometry = measureTableOverlayGeometry(
+        table,
+        hoveredTableCell && table.contains(hoveredTableCell) ? hoveredTableCell : selectedCell
+      );
+      tableUi.rows = Math.max(0, geometry.rowBoundaries.length - 1);
+      tableUi.cols = Math.max(0, geometry.columnBoundaries.length - 1);
+      tableUi.geometry = geometry;
       tableUi.toolbarStyle = {
         top: `${rect.top > 76 ? rect.top - 52 : rect.bottom + 12}px`,
         left: `${toolbarLeft}px`,
@@ -345,25 +356,28 @@ var LoomaEditor = defineComponent2({
       const anchor = tablePickerAnchor.value;
       if (!anchor) return;
       const rect = anchor.getBoundingClientRect();
-      const viewport = window.visualViewport;
-      const viewportLeft = viewport?.offsetLeft ?? 0;
-      const viewportTop = viewport?.offsetTop ?? 0;
-      const viewportWidth = viewport?.width ?? window.innerWidth;
-      const viewportHeight = viewport?.height ?? window.innerHeight;
+      const viewport = getVisualViewportRect(window);
       const width = 220;
-      const left = Math.min(
-        Math.max(viewportLeft + 12, rect.left),
-        Math.max(viewportLeft + 12, viewportLeft + viewportWidth - width - 12)
-      );
       const popoverHeight = tablePickerPopover.value?.getBoundingClientRect().height || 300;
-      const top = Math.min(
-        Math.max(viewportTop + 12, rect.bottom + 8),
-        Math.max(viewportTop + 12, viewportTop + viewportHeight - popoverHeight - 12)
+      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(viewportTop + 12, viewportTop + viewportHeight - popoverHeight - 64)}px`
+        top: `${Math.max(viewport.top + 12, viewport.bottom - popoverHeight - 64)}px`
       } : { position: "fixed", top: `${top}px`, left: `${left}px` };
     };
     const onViewportChange = () => {
@@ -422,6 +436,7 @@ var LoomaEditor = defineComponent2({
       document.removeEventListener("pointerup", onResizePointerUp, true);
       unbindEditorUi(editor.value);
       if (dragLeaveTimer) clearTimeout(dragLeaveTimer);
+      if (tablePointerFrame !== null) cancelAnimationFrame(tablePointerFrame);
     });
     const insertImage = async (file) => {
       if (!props.uploadImage || !editor.value) return;
@@ -457,7 +472,10 @@ var LoomaEditor = defineComponent2({
         return;
       }
       event.preventDefault();
-      instance.chain().focus().setTextSelection(instance.view.posAtDOM(cell, 0) + 1).run();
+      const currentCell = selectedTableCellElement(instance);
+      if (currentCell !== cell && !cell.classList.contains("selectedCell")) {
+        instance.chain().focus().setTextSelection(instance.view.posAtDOM(cell, 0) + 1).run();
+      }
       updateTableUi();
       tableUi.menuOpen = true;
       tableUi.menuStyle = { top: `${event.clientY}px`, left: `${event.clientX}px` };
@@ -469,8 +487,44 @@ var LoomaEditor = defineComponent2({
       nextTick(updateTableUi);
     };
     const runOverlayAction = (detail) => {
-      if (!editor.value) return;
-      handleTableOverlayAction(editor.value, detail);
+      const instance = editor.value;
+      if (!instance) return;
+      if (detail.action === "open-cell-menu") {
+        const selectedCell = selectedTableCellElement(instance);
+        const table = selectedTableElement(instance);
+        const cell = table ? resolveTableCellAt(table, detail.rowIndex, detail.columnIndex) ?? selectedCell : selectedCell;
+        if (cell && selectedCell !== cell && !cell.classList.contains("selectedCell")) {
+          instance.chain().focus().setTextSelection(instance.view.posAtDOM(cell, 0) + 1).run();
+        } else {
+          instance.commands.focus();
+        }
+        updateTableUi();
+        tableUi.menuStyle = {
+          top: `${detail.anchor.bottom + 4}px`,
+          left: `${detail.anchor.right}px`
+        };
+        tableUi.menuOpen = true;
+        return;
+      }
+      handleTableOverlayAction(instance, detail);
+      nextTick(updateTableUi);
+    };
+    const onEditorPointerOver = (event) => {
+      const cell = event.target instanceof HTMLElement ? event.target.closest("td, th") : null;
+      if (!cell) return;
+      if (cell === hoveredTableCell) return;
+      hoveredTableCell = cell;
+      if (tablePointerFrame !== null) return;
+      tablePointerFrame = requestAnimationFrame(() => {
+        tablePointerFrame = null;
+        updateTableUi();
+      });
+    };
+    const onEditorPointerLeave = (event) => {
+      const next = event.relatedTarget;
+      if (next instanceof Node && (tableOverlayShell.value?.contains(next) || tableToolbarShell.value?.contains(next) || tableMenuShell.value?.contains(next))) return;
+      if (!hoveredTableCell) return;
+      hoveredTableCell = null;
       nextTick(updateTableUi);
     };
     const commandButton = (label, icon, active, disabled, run) => h2(IconButton, {
@@ -541,6 +595,8 @@ var LoomaEditor = defineComponent2({
         ref: root,
         class: ["looma-editor", attrs.class, { "looma-editor--readonly": !props.editable, "looma-editor--drag-over": dragOver.value }],
         onContextmenu: onContextMenu,
+        onPointerover: onEditorPointerOver,
+        onPointerleave: onEditorPointerLeave,
         onDragover: (event) => {
           event.preventDefault();
           if (props.editable && Array.from(event.dataTransfer?.types ?? []).includes("Files")) dragOver.value = true;
@@ -637,6 +693,7 @@ var LoomaEditor = defineComponent2({
           open: true,
           rows: tableUi.rows,
           cols: tableUi.cols,
+          geometry: tableUi.geometry,
           onTableOverlayAction: runOverlayAction
         })]) : null,
         tableUi.menuOpen ? h2("div", {

package/vue/index.d.ts

@@ -80,6 +80,9 @@ declare const MenuItem: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode
 declare const ContextMenu: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const AffordanceScope: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Button: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -154,6 +157,7 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
     readonly Menu: "ui-menu";
     readonly MenuItem: "ui-menu-item";
     readonly ContextMenu: "ui-context-menu";
+    readonly AffordanceScope: "ui-affordance-scope";
     readonly Button: "ui-button";
     readonly IconButton: "ui-icon-button";
     readonly Input: "ui-input";
@@ -176,4 +180,4 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
 };
 declare const VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
 
-export { ADAPTER_COMPONENT_TAG_MAP, Avatar, AvatarGroup, Badge, Button, Center, Checkbox, Cluster, ContextMenu, Dialog, Disclosure, FloatingActionButton, FormField, Grid, IconButton, Inline, Input, Menu, MenuItem, Popover, Radio, RadioGroup, Reel, SearchResultRow, SearchShell, Select, Separator, Sidebar, Stack, Switch, Switcher, Tabs, Textarea, ToastRegion, Tooltip, TopBar, VUE_ADAPTER_NOTE, type VueAdapterEventMap };
+export { ADAPTER_COMPONENT_TAG_MAP, AffordanceScope, Avatar, AvatarGroup, Badge, Button, Center, Checkbox, Cluster, ContextMenu, Dialog, Disclosure, FloatingActionButton, FormField, Grid, IconButton, Inline, Input, Menu, MenuItem, Popover, Radio, RadioGroup, Reel, SearchResultRow, SearchShell, Select, Separator, Sidebar, Stack, Switch, Switcher, Tabs, Textarea, ToastRegion, Tooltip, TopBar, VUE_ADAPTER_NOTE, type VueAdapterEventMap };

package/vue/index.js

@@ -1,5 +1,6 @@
 import {
   ADAPTER_COMPONENT_TAG_MAP,
+  AffordanceScope,
   Avatar,
   AvatarGroup,
   Badge,
@@ -36,9 +37,10 @@ import {
   Tooltip,
   TopBar,
   VUE_ADAPTER_NOTE
-} from "./chunk-KDA4RFLQ.js";
+} from "./chunk-YN4IUYVY.js";
 export {
   ADAPTER_COMPONENT_TAG_MAP,
+  AffordanceScope,
   Avatar,
   AvatarGroup,
   Badge,

package/dist/looma/p-754cfff3.entry.js

@@ -1 +0,0 @@
-import{r as i,h as o,H as t}from"./p-CEeiinfk.js";const n=class{constructor(o){i(this,o)}disabled=!1;label="";size="md";variant="ghost";render(){return o(t,{key:"8f4c7271505fa061da954f1e989fc526dc980407","data-disabled":this.disabled?"":void 0},o("button",{key:"c56009d4028a557cd6f7f19833b0af6412b90c1c",type:"button","aria-label":this.label||void 0,disabled:this.disabled},o("slot",{key:"ac2f201b0fbedb23106f72135ff8c3b6f25fca60"})))}};n.style=":host{display:inline-flex;color:var(--ui-text-secondary)}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}";export{n as ui_icon_button}

package/dist/looma/p-940a931a.entry.js

@@ -1 +0,0 @@
-import{r as a,g as e,h as i,H as t}from"./p-CEeiinfk.js";function s(a){return!!a&&a.assignedNodes({flatten:!0}).some((a=>a.nodeType!==Node.TEXT_NODE||Boolean(a.textContent?.trim())))}const n=class{constructor(e){a(this,e)}get host(){return e(this)}hasLeading=!1;hasSearch=!1;hasActions=!1;leadingSlot;searchSlot;actionsSlot;componentDidLoad(){this.syncSlots()}syncSlots=()=>{this.hasLeading=s(this.leadingSlot),this.hasSearch=s(this.searchSlot),this.hasActions=s(this.actionsSlot)};render(){return i(t,{key:"23cbff2fdb06a40f0380dbf217d064cb1b9f7a9c"},i("header",{key:"9472960f4445f8ed7d0800d71db3cbac020fca3f",class:"top-bar",part:"base"},i("div",{key:"d408be025d90fdcf1416213b9e76f3b780f47d97",class:"top-bar__leading",hidden:!this.hasLeading},i("slot",{key:"3dc4db316a040ff10a8b8b218b42799d3e1a7b97",name:"leading",ref:a=>this.leadingSlot=a,onSlotchange:this.syncSlots})),i("div",{key:"1b362f19f9a738600afb266e9641c0ee5c8870c9",class:"top-bar__title"},i("slot",{key:"bb93d34a3dea15c697dcd19dc0ecc3488ee390c8"})),i("div",{key:"3d61d781b654ee1d91a6ce5ba64db9732ee1f8ee",class:"top-bar__search",hidden:!this.hasSearch},i("slot",{key:"5731817be644f10ed745fdc0868b85b66a9c06d4",name:"search",ref:a=>this.searchSlot=a,onSlotchange:this.syncSlots})),i("div",{key:"2ee868b93f5195832830900382545b2131e78bb8",class:"top-bar__actions",hidden:!this.hasActions},i("slot",{key:"1d410fa60f112904cfb866cff5a3f2fb18021c93",name:"actions",ref:a=>this.actionsSlot=a,onSlotchange:this.syncSlots}))))}};n.style=":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}}";export{n as ui_top_bar}

package/dist/looma/p-941221ad.entry.js

@@ -1 +0,0 @@
-import{r as t,g as a,h as i,H as s}from"./p-CEeiinfk.js";import{d as r,e}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 i=a.closest?.("[data-ui-toast]");if(!i)return;const s=i.id??"";i.setAttribute("aria-hidden","true"),i.remove(),r(this.host,"dismiss",{id:s,reason:"action",trigger:e(t)}),this.updateOpenState(),0===this.getToasts().length&&r(this.host,"close",{open:!1,reason:"action",trigger:e(t)})};render(){return i(s,{key:"8e99577d8770984b8d6d29e442931570c1f1bc4d",role:"region","aria-label":"Notifications","data-open":this.internalOpen?"":void 0},i("slot",{key:"06f2c6cf39c4795afc0937669aa2104821aef3d6"}))}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-955fb814.entry.js

@@ -1 +0,0 @@
-import{r as e,g as t,h as r,H as i}from"./p-CEeiinfk.js";import{c as a}from"./p-hgBUJRDa.js";const o=class{constructor(t){e(this,t)}get host(){return t(this)}invalid=!1;disabled=!1;required=!1;componentDidLoad(){this.wire()}componentDidUpdate(){this.wire()}wire(){const e=this.host.querySelector("label"),t=this.host.querySelector("input, textarea, select"),r=this.host.querySelector('[data-slot="help"]'),i=this.host.querySelector('[data-slot="error"], [role="alert"]');if(!t)return;t.id||(t.id=a("form-field-input")),e&&!e.getAttribute("for")&&e.setAttribute("for",t.id);const o=[];r&&(r.id||(r.id=a("form-field-help")),o.push(r.id)),i&&(i.id||(i.id=a("form-field-error")),o.push(i.id)),o.length&&t.setAttribute("aria-describedby",o.join(" ")),t.disabled=this.disabled,t.required=this.required,t.setAttribute("aria-invalid",this.invalid?"true":"false")}render(){return r(i,{key:"f2eb3a7bf493c0630ef27ee21fca1ffee94be536","data-invalid":this.invalid?"":void 0,"data-disabled":this.disabled?"":void 0,"data-required":this.required?"":void 0},r("slot",{key:"f5f30e388ed9473ee50103f12527a1dd9cfb0b0b"}))}};o.style=":host{display:grid;gap:var(--ui-space-2);color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){color:var(--ui-text-muted);font-size:0.875rem}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}";export{o as ui_form_field}

package/dist/ui-icon-button.entry-LB54U25M.js

@@ -1,24 +0,0 @@
-import {
-  Host,
-  h,
-  registerInstance
-} from "./chunk-UMFO4QNN.js";
-
-// dist/esm/ui-icon-button.entry.js
-var uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
-var UIIconButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  disabled = false;
-  label = "";
-  size = "md";
-  variant = "ghost";
-  render() {
-    return h(Host, { key: "8f4c7271505fa061da954f1e989fc526dc980407", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "c56009d4028a557cd6f7f19833b0af6412b90c1c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "ac2f201b0fbedb23106f72135ff8c3b6f25fca60" })));
-  }
-};
-UIIconButton.style = uiIconButtonCss();
-export {
-  UIIconButton as ui_icon_button
-};

package/editor/table-overlay-Bq0F5xPg.d.ts

@@ -1,64 +0,0 @@
-declare const TABLE_CELL_BACKGROUND_PRESETS: {
-    readonly none: null;
-    readonly gray: "#f3f4f6";
-    readonly yellow: "#fef3c7";
-    readonly blue: "#dbeafe";
-    readonly green: "#dcfce7";
-    readonly red: "#fee2e2";
-};
-declare const TABLE_CELL_BACKGROUND_OPTIONS: readonly [{
-    readonly action: "background-none";
-    readonly label: "Default";
-    readonly value: null;
-    readonly swatch: null;
-}, {
-    readonly action: "background-gray";
-    readonly label: "Gray";
-    readonly value: "#f3f4f6";
-    readonly swatch: "#f3f4f6";
-}, {
-    readonly action: "background-yellow";
-    readonly label: "Yellow";
-    readonly value: "#fef3c7";
-    readonly swatch: "#fef3c7";
-}, {
-    readonly action: "background-blue";
-    readonly label: "Blue";
-    readonly value: "#dbeafe";
-    readonly swatch: "#dbeafe";
-}, {
-    readonly action: "background-green";
-    readonly label: "Green";
-    readonly value: "#dcfce7";
-    readonly swatch: "#dcfce7";
-}, {
-    readonly action: "background-red";
-    readonly label: "Red";
-    readonly value: "#fee2e2";
-    readonly swatch: "#fee2e2";
-}];
-type TableCellBackgroundAction = typeof TABLE_CELL_BACKGROUND_OPTIONS[number]["action"];
-
-/**
- * ui-editor-table-context-menu — web component for table cell context menu.
- * Emits custom events for each action; the adapter (Vue/React) wires Tiptap commands.
- * Domain-neutral: no Tiptap dependency.
- */
-
-type TableContextMenuAction = "align-left" | "align-center" | "align-right" | TableCellBackgroundAction | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "delete-row" | "delete-column" | "delete-table" | "merge-cells" | "split-cell";
-interface TableContextMenuActionEventDetail {
-    action: TableContextMenuAction;
-}
-
-/**
- * ui-editor-table-overlay — table edge controls for row/column insertion.
- * Emits looma-editor-table-overlay-action with insertion intent.
- * Domain-neutral: no Tiptap dependency.
- */
-type TableOverlayAction = "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after";
-interface TableOverlayActionEventDetail {
-    action: TableOverlayAction;
-    boundaryIndex: number;
-}
-
-export { TABLE_CELL_BACKGROUND_OPTIONS as T, TABLE_CELL_BACKGROUND_PRESETS as a, type TableCellBackgroundAction as b, type TableContextMenuAction as c, type TableContextMenuActionEventDetail as d, type TableOverlayAction as e, type TableOverlayActionEventDetail as f };