@threadlabs/looma 0.1.11 → 0.1.12

package/dist/{chunk-DYIMEQY7.js → chunk-DQZJTDIB.js}

@@ -6,33 +6,33 @@ var __glob = (map) => (path) => {
 
 // import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js
 var globImport_entry_js = __glob({
-  "./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-ZKUJ5AT4.js"),
-  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-I4XM44BI.js"),
-  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-ZZAMZAVF.js"),
-  "./ui-badge.entry.js": () => import("./ui-badge.entry-DQXYMC3E.js"),
-  "./ui-button.entry.js": () => import("./ui-button.entry-DM7BUZLI.js"),
-  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-X3PPWKIJ.js"),
-  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-KAW4NIFE.js"),
-  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-D23SNXWB.js"),
-  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-DOG6JZU7.js"),
-  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-VPQ7VBFS.js"),
-  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-SYZ6XSCG.js"),
-  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-2SZBOIH5.js"),
-  "./ui-input.entry.js": () => import("./ui-input.entry-PALICYLZ.js"),
-  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-W6TEFP5Y.js"),
-  "./ui-menu.entry.js": () => import("./ui-menu.entry-7NARDV6S.js"),
-  "./ui-popover.entry.js": () => import("./ui-popover.entry-ZXYHLDTP.js"),
-  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-XEUKMD6J.js"),
-  "./ui-radio.entry.js": () => import("./ui-radio.entry-4ABBHDLN.js"),
-  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-3HHM7OV4.js"),
-  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-PJTFOBPT.js"),
-  "./ui-select.entry.js": () => import("./ui-select.entry-A3RI5XCG.js"),
-  "./ui-switch.entry.js": () => import("./ui-switch.entry-JNRS2YTN.js"),
-  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-MQ4V5XCP.js"),
-  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-JJXJQZQR.js"),
-  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-STHVESL5.js"),
-  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-4W7CRIKI.js"),
-  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-WM3SS2HR.js")
+  "./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-SWTDTGGU.js"),
+  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-VUYE2XOM.js"),
+  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-2CKHEJTS.js"),
+  "./ui-badge.entry.js": () => import("./ui-badge.entry-4SWSD3R5.js"),
+  "./ui-button.entry.js": () => import("./ui-button.entry-SS3AS32R.js"),
+  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-V7OYTOLW.js"),
+  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-UCLTQESP.js"),
+  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-PXIVZF7D.js"),
+  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-ZADBPM2D.js"),
+  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-WNBWY36T.js"),
+  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-RZPSWN6Y.js"),
+  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-ILU7RD7M.js"),
+  "./ui-input.entry.js": () => import("./ui-input.entry-FEIUK4EE.js"),
+  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-UJVECPSK.js"),
+  "./ui-menu.entry.js": () => import("./ui-menu.entry-MTCE3F5U.js"),
+  "./ui-popover.entry.js": () => import("./ui-popover.entry-OAME35VB.js"),
+  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-CPFX4LVA.js"),
+  "./ui-radio.entry.js": () => import("./ui-radio.entry-44OTRYPB.js"),
+  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-ZU5SL5OP.js"),
+  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-G7HG4RKU.js"),
+  "./ui-select.entry.js": () => import("./ui-select.entry-NAONXMFG.js"),
+  "./ui-switch.entry.js": () => import("./ui-switch.entry-SE4ZTCS2.js"),
+  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-2YG2JE3K.js"),
+  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-PV3APDLY.js"),
+  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-WH2OL3FR.js"),
+  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-FY563DP4.js"),
+  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-LJSZXFAH.js")
 });
 
 // dist/esm/index-CEeiinfk.js

package/dist/cjs/ui-affordance-scope.cjs.entry.js

@@ -2,6 +2,7 @@
 
 var index = require('./index-D07f6BOw.js');
 
+const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
 function distanceFromPointToRect(point, rect) {
     const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
     const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
@@ -19,10 +20,10 @@ function createProximityCoordinator(scope, options = {}) {
     const owner = scope.ownerDocument.defaultView ?? window;
     const pointerTarget = options.pointerTarget ?? scope;
     const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-    const configuredRadius = options.nearRadius ?? 32;
+    const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
     const nearRadius = Number.isFinite(configuredRadius)
         ? Math.max(0, configuredRadius)
-        : 32;
+        : DEFAULT_AFFORDANCE_NEAR_RADIUS;
     const abort = new AbortController();
     let anchors = [];
     let frame = null;
@@ -120,7 +121,7 @@ const UIAffordanceScope = class {
     }
     get host() { return index.getElement(this); }
     /** Distance outside each registered affordance that reveals its near state. */
-    nearRadius = 32;
+    nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
     coordinator = null;
     componentDidLoad() {
         this.connectCoordinator();
@@ -139,7 +140,7 @@ const UIAffordanceScope = class {
         this.coordinator?.refresh();
     };
     render() {
-        return (index.h(index.Host, { key: '2bc861652826e6227deaba6d1030ecf43753f575' }, index.h("slot", { key: '5e0544939e6b20747f12023dbb45329eb3853715', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '184b0a908494d480ed23aa14b75d4f7b94e5275b' }, index.h("slot", { key: '570e810db588c1514c6fd85985c9bc4532993a2b', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "nearRadius": [{

package/dist/collection/components/ui-affordance-scope/ui-affordance-scope.js

@@ -1,9 +1,9 @@
 import { Host, h } from "@stencil/core";
-import { createProximityCoordinator } from "../../overlay/positioning";
+import { createProximityCoordinator, DEFAULT_AFFORDANCE_NEAR_RADIUS, } from "../../overlay/positioning";
 export class UIAffordanceScope {
     host;
     /** Distance outside each registered affordance that reveals its near state. */
-    nearRadius = 32;
+    nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
     coordinator = null;
     componentDidLoad() {
         this.connectCoordinator();
@@ -22,7 +22,7 @@ export class UIAffordanceScope {
         this.coordinator?.refresh();
     };
     render() {
-        return (h(Host, { key: '2bc861652826e6227deaba6d1030ecf43753f575' }, h("slot", { key: '5e0544939e6b20747f12023dbb45329eb3853715', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '184b0a908494d480ed23aa14b75d4f7b94e5275b' }, h("slot", { key: '570e810db588c1514c6fd85985c9bc4532993a2b', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "ui-affordance-scope"; }
     static get encapsulation() { return "shadow"; }
@@ -56,7 +56,7 @@ export class UIAffordanceScope {
                 "setter": false,
                 "reflect": true,
                 "attribute": "near-radius",
-                "defaultValue": "32"
+                "defaultValue": "DEFAULT_AFFORDANCE_NEAR_RADIUS"
             }
         };
     }

package/dist/collection/icons.js

@@ -0,0 +1,66 @@
+import { AlignCenter, AlignLeft, AlignRight, Bold, Braces, ChevronDown, ChevronLeft, CodeXml, Columns3, Ellipsis, Eraser, GripHorizontal, GripVertical, Heading1, Heading2, Heading3, Highlighter, Image, Italic, List, ListOrdered, ListTodo, Merge, Minus, PaintBucket, PanelBottom, PanelLeft, PanelRight, PanelTop, Pilcrow, Plus, Quote, Redo2, Rows3, Split, Strikethrough, Table2, Trash2, Underline, Undo2, } from "lucide";
+/** The opinionated Lucide set used by Looma's shipped interaction surfaces. */
+export const LOOMA_ICONS = {
+    'align-center': AlignCenter,
+    'align-left': AlignLeft,
+    'align-right': AlignRight,
+    bold: Bold,
+    braces: Braces,
+    'chevron-down': ChevronDown,
+    'chevron-left': ChevronLeft,
+    'code-xml': CodeXml,
+    columns: Columns3,
+    ellipsis: Ellipsis,
+    eraser: Eraser,
+    'grip-horizontal': GripHorizontal,
+    'grip-vertical': GripVertical,
+    'heading-1': Heading1,
+    'heading-2': Heading2,
+    'heading-3': Heading3,
+    highlighter: Highlighter,
+    image: Image,
+    italic: Italic,
+    list: List,
+    'list-ordered': ListOrdered,
+    'list-todo': ListTodo,
+    merge: Merge,
+    minus: Minus,
+    'paint-bucket': PaintBucket,
+    'panel-bottom': PanelBottom,
+    'panel-left': PanelLeft,
+    'panel-right': PanelRight,
+    'panel-top': PanelTop,
+    pilcrow: Pilcrow,
+    plus: Plus,
+    quote: Quote,
+    redo: Redo2,
+    rows: Rows3,
+    split: Split,
+    strikethrough: Strikethrough,
+    table: Table2,
+    trash: Trash2,
+    underline: Underline,
+    undo: Undo2,
+};
+function serializeAttributes(attributes) {
+    return Object.entries(attributes)
+        .map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`)
+        .join('');
+}
+function escapeAttribute(value) {
+    return String(value).replaceAll('&', '&').replaceAll('"', '"');
+}
+function serializeIconNode(node) {
+    const [tag, attributes] = node;
+    return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
+}
+/** Creates consistent, currentColor-driven SVG markup for framework-neutral components. */
+export function loomaIconMarkup(name, className = 'looma-icon') {
+    return [
+        `<svg class="${escapeAttribute(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
+        ' viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"',
+        ' stroke-linecap="round" stroke-linejoin="round">',
+        LOOMA_ICONS[name].map(serializeIconNode).join(''),
+        '</svg>',
+    ].join('');
+}

package/dist/collection/overlay/positioning.js

@@ -1,3 +1,4 @@
+export const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
 export function getVisualViewportRect(owner = window) {
     const viewport = owner.visualViewport;
     const left = viewport?.offsetLeft ?? 0;
@@ -41,10 +42,10 @@ export function createProximityCoordinator(scope, options = {}) {
     const owner = scope.ownerDocument.defaultView ?? window;
     const pointerTarget = options.pointerTarget ?? scope;
     const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-    const configuredRadius = options.nearRadius ?? 32;
+    const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
     const nearRadius = Number.isFinite(configuredRadius)
         ? Math.max(0, configuredRadius)
-        : 32;
+        : DEFAULT_AFFORDANCE_NEAR_RADIUS;
     const abort = new AbortController();
     let anchors = [];
     let frame = null;

package/dist/components/ui-affordance-scope.js

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

package/dist/esm/ui-affordance-scope.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, g as getElement, h, H as Host } from './index-CEeiinfk.js';
 
+const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
 function distanceFromPointToRect(point, rect) {
     const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
     const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
@@ -17,10 +18,10 @@ function createProximityCoordinator(scope, options = {}) {
     const owner = scope.ownerDocument.defaultView ?? window;
     const pointerTarget = options.pointerTarget ?? scope;
     const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-    const configuredRadius = options.nearRadius ?? 32;
+    const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
     const nearRadius = Number.isFinite(configuredRadius)
         ? Math.max(0, configuredRadius)
-        : 32;
+        : DEFAULT_AFFORDANCE_NEAR_RADIUS;
     const abort = new AbortController();
     let anchors = [];
     let frame = null;
@@ -118,7 +119,7 @@ const UIAffordanceScope = class {
     }
     get host() { return getElement(this); }
     /** Distance outside each registered affordance that reveals its near state. */
-    nearRadius = 32;
+    nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
     coordinator = null;
     componentDidLoad() {
         this.connectCoordinator();
@@ -137,7 +138,7 @@ const UIAffordanceScope = class {
         this.coordinator?.refresh();
     };
     render() {
-        return (h(Host, { key: '2bc861652826e6227deaba6d1030ecf43753f575' }, h("slot", { key: '5e0544939e6b20747f12023dbb45329eb3853715', onSlotchange: this.onSlotChange })));
+        return (h(Host, { key: '184b0a908494d480ed23aa14b75d4f7b94e5275b' }, h("slot", { key: '570e810db588c1514c6fd85985c9bc4532993a2b', onSlotchange: this.onSlotChange })));
     }
     static get watchers() { return {
         "nearRadius": [{

package/dist/index.cjs

@@ -38,8 +38,8 @@ function createProximityCoordinator(scope, options = {}) {
   const owner = scope.ownerDocument.defaultView ?? window;
   const pointerTarget = options.pointerTarget ?? scope;
   const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-  const configuredRadius = options.nearRadius ?? 32;
-  const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : 32;
+  const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS;
+  const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : DEFAULT_AFFORDANCE_NEAR_RADIUS;
   const abort = new AbortController();
   let anchors = [];
   let frame = null;
@@ -123,10 +123,11 @@ function createProximityCoordinator(scope, options = {}) {
     }
   };
 }
-var uiAffordanceScopeCss, UIAffordanceScope;
+var DEFAULT_AFFORDANCE_NEAR_RADIUS, uiAffordanceScopeCss, UIAffordanceScope;
 var init_ui_affordance_scope_entry = __esm({
   "dist/esm/ui-affordance-scope.entry.js"() {
     init_index_CEeiinfk();
+    DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
     uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
     UIAffordanceScope = class {
       constructor(hostRef) {
@@ -136,7 +137,7 @@ var init_ui_affordance_scope_entry = __esm({
         return getElement(this);
       }
       /** Distance outside each registered affordance that reveals its near state. */
-      nearRadius = 32;
+      nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
       coordinator = null;
       componentDidLoad() {
         this.connectCoordinator();
@@ -155,7 +156,7 @@ var init_ui_affordance_scope_entry = __esm({
         this.coordinator?.refresh();
       };
       render() {
-        return h(Host, { key: "2bc861652826e6227deaba6d1030ecf43753f575" }, h("slot", { key: "5e0544939e6b20747f12023dbb45329eb3853715", onSlotchange: this.onSlotChange }));
+        return h(Host, { key: "184b0a908494d480ed23aa14b75d4f7b94e5275b" }, h("slot", { key: "570e810db588c1514c6fd85985c9bc4532993a2b", onSlotchange: this.onSlotChange }));
       }
       static get watchers() {
         return {
@@ -4070,6 +4071,8 @@ var init_index_CEeiinfk = __esm({
 // index.ts
 var index_exports = {};
 __export(index_exports, {
+  DEFAULT_AFFORDANCE_NEAR_RADIUS: () => DEFAULT_AFFORDANCE_NEAR_RADIUS2,
+  LOOMA_ICONS: () => LOOMA_ICONS,
   clampRectToViewport: () => clampRectToViewport,
   closeOverlay: () => closeOverlay2,
   createProximityCoordinator: () => createProximityCoordinator2,
@@ -4077,6 +4080,7 @@ __export(index_exports, {
   getTopOverlay: () => getTopOverlay2,
   getVisualViewportRect: () => getVisualViewportRect,
   isTopOverlay: () => isTopOverlay,
+  loomaIconMarkup: () => loomaIconMarkup,
   openOverlay: () => openOverlay2,
   requestTopOverlayClose: () => requestTopOverlayClose2
 });
@@ -4203,6 +4207,7 @@ function requestTopOverlayClose2(reason, trigger) {
 }
 
 // src/overlay/positioning.ts
+var DEFAULT_AFFORDANCE_NEAR_RADIUS2 = 16;
 function getVisualViewportRect(owner = window) {
   const viewport = owner.visualViewport;
   const left = viewport?.offsetLeft ?? 0;
@@ -4240,8 +4245,8 @@ function createProximityCoordinator2(scope, options = {}) {
   const owner = scope.ownerDocument.defaultView ?? window;
   const pointerTarget = options.pointerTarget ?? scope;
   const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
-  const configuredRadius = options.nearRadius ?? 32;
-  const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : 32;
+  const configuredRadius = options.nearRadius ?? DEFAULT_AFFORDANCE_NEAR_RADIUS2;
+  const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : DEFAULT_AFFORDANCE_NEAR_RADIUS2;
   const abort = new AbortController();
   let anchors = [];
   let frame = null;
@@ -4323,10 +4328,76 @@ function createProximityCoordinator2(scope, options = {}) {
   };
 }
 
+// src/icons.ts
+var import_lucide = require("lucide");
+var LOOMA_ICONS = {
+  "align-center": import_lucide.AlignCenter,
+  "align-left": import_lucide.AlignLeft,
+  "align-right": import_lucide.AlignRight,
+  bold: import_lucide.Bold,
+  braces: import_lucide.Braces,
+  "chevron-down": import_lucide.ChevronDown,
+  "chevron-left": import_lucide.ChevronLeft,
+  "code-xml": import_lucide.CodeXml,
+  columns: import_lucide.Columns3,
+  ellipsis: import_lucide.Ellipsis,
+  eraser: import_lucide.Eraser,
+  "grip-horizontal": import_lucide.GripHorizontal,
+  "grip-vertical": import_lucide.GripVertical,
+  "heading-1": import_lucide.Heading1,
+  "heading-2": import_lucide.Heading2,
+  "heading-3": import_lucide.Heading3,
+  highlighter: import_lucide.Highlighter,
+  image: import_lucide.Image,
+  italic: import_lucide.Italic,
+  list: import_lucide.List,
+  "list-ordered": import_lucide.ListOrdered,
+  "list-todo": import_lucide.ListTodo,
+  merge: import_lucide.Merge,
+  minus: import_lucide.Minus,
+  "paint-bucket": import_lucide.PaintBucket,
+  "panel-bottom": import_lucide.PanelBottom,
+  "panel-left": import_lucide.PanelLeft,
+  "panel-right": import_lucide.PanelRight,
+  "panel-top": import_lucide.PanelTop,
+  pilcrow: import_lucide.Pilcrow,
+  plus: import_lucide.Plus,
+  quote: import_lucide.Quote,
+  redo: import_lucide.Redo2,
+  rows: import_lucide.Rows3,
+  split: import_lucide.Split,
+  strikethrough: import_lucide.Strikethrough,
+  table: import_lucide.Table2,
+  trash: import_lucide.Trash2,
+  underline: import_lucide.Underline,
+  undo: import_lucide.Undo2
+};
+function serializeAttributes(attributes) {
+  return Object.entries(attributes).map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`).join("");
+}
+function escapeAttribute(value) {
+  return String(value).replaceAll("&", "&").replaceAll('"', """);
+}
+function serializeIconNode(node) {
+  const [tag, attributes] = node;
+  return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
+}
+function loomaIconMarkup(name, className = "looma-icon") {
+  return [
+    `<svg class="${escapeAttribute(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
+    ' viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"',
+    ' stroke-linecap="round" stroke-linejoin="round">',
+    LOOMA_ICONS[name].map(serializeIconNode).join(""),
+    "</svg>"
+  ].join("");
+}
+
 // index.ts
 defineCustomElements();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DEFAULT_AFFORDANCE_NEAR_RADIUS,
+  LOOMA_ICONS,
   clampRectToViewport,
   closeOverlay,
   createProximityCoordinator,
@@ -4334,6 +4405,7 @@ defineCustomElements();
   getTopOverlay,
   getVisualViewportRect,
   isTopOverlay,
+  loomaIconMarkup,
   openOverlay,
   requestTopOverlayClose
 });

package/dist/index.d.cts

@@ -1,3 +1,5 @@
+import { IconNode } from 'lucide';
+
 type OverlayCloseReason = "programmatic" | "light-dismiss" | "escape" | "action";
 type OverlayTrigger = "keyboard" | "pointer" | "programmatic";
 interface OverlayRecord {
@@ -41,6 +43,7 @@ interface ProximityCoordinator {
     /** Removes the scope-level listeners and all reflected interaction state. */
     destroy(): void;
 }
+declare const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
 declare function getVisualViewportRect(owner?: Window): ViewportRect;
 declare function clampRectToViewport(rect: RectLike, viewport?: ViewportRect, gutter?: number): Point;
 declare function distanceFromPointToRect(point: Point, rect: RectLike): number;
@@ -54,4 +57,52 @@ declare function distanceFromPointToRect(point: Point, rect: RectLike): number;
  */
 declare function createProximityCoordinator(scope: HTMLElement, options?: ProximityCoordinatorOptions): ProximityCoordinator;
 
-export { type OverlayCloseReason, type OverlayRecord, type OverlayTrigger, type Point, type ProximityCoordinator, type ProximityCoordinatorOptions, type RectLike, type ViewportRect, clampRectToViewport, closeOverlay, createProximityCoordinator, distanceFromPointToRect, getTopOverlay, getVisualViewportRect, isTopOverlay, openOverlay, requestTopOverlayClose };
+/** The opinionated Lucide set used by Looma's shipped interaction surfaces. */
+declare const LOOMA_ICONS: {
+    'align-center': IconNode;
+    'align-left': IconNode;
+    'align-right': IconNode;
+    bold: IconNode;
+    braces: IconNode;
+    'chevron-down': IconNode;
+    'chevron-left': IconNode;
+    'code-xml': IconNode;
+    columns: IconNode;
+    ellipsis: IconNode;
+    eraser: IconNode;
+    'grip-horizontal': IconNode;
+    'grip-vertical': IconNode;
+    'heading-1': IconNode;
+    'heading-2': IconNode;
+    'heading-3': IconNode;
+    highlighter: IconNode;
+    image: IconNode;
+    italic: IconNode;
+    list: IconNode;
+    'list-ordered': IconNode;
+    'list-todo': IconNode;
+    merge: IconNode;
+    minus: IconNode;
+    'paint-bucket': IconNode;
+    'panel-bottom': IconNode;
+    'panel-left': IconNode;
+    'panel-right': IconNode;
+    'panel-top': IconNode;
+    pilcrow: IconNode;
+    plus: IconNode;
+    quote: IconNode;
+    redo: IconNode;
+    rows: IconNode;
+    split: IconNode;
+    strikethrough: IconNode;
+    table: IconNode;
+    trash: IconNode;
+    underline: IconNode;
+    undo: IconNode;
+};
+type LoomaIconName = keyof typeof LOOMA_ICONS;
+type LoomaIconNode = IconNode;
+/** Creates consistent, currentColor-driven SVG markup for framework-neutral components. */
+declare function loomaIconMarkup(name: LoomaIconName, className?: string): string;
+
+export { DEFAULT_AFFORDANCE_NEAR_RADIUS, LOOMA_ICONS, type LoomaIconName, type LoomaIconNode, type OverlayCloseReason, type OverlayRecord, type OverlayTrigger, type Point, type ProximityCoordinator, type ProximityCoordinatorOptions, type RectLike, type ViewportRect, clampRectToViewport, closeOverlay, createProximityCoordinator, distanceFromPointToRect, getTopOverlay, getVisualViewportRect, isTopOverlay, loomaIconMarkup, openOverlay, requestTopOverlayClose };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { IconNode } from 'lucide';
+
 type OverlayCloseReason = "programmatic" | "light-dismiss" | "escape" | "action";
 type OverlayTrigger = "keyboard" | "pointer" | "programmatic";
 interface OverlayRecord {
@@ -41,6 +43,7 @@ interface ProximityCoordinator {
     /** Removes the scope-level listeners and all reflected interaction state. */
     destroy(): void;
 }
+declare const DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
 declare function getVisualViewportRect(owner?: Window): ViewportRect;
 declare function clampRectToViewport(rect: RectLike, viewport?: ViewportRect, gutter?: number): Point;
 declare function distanceFromPointToRect(point: Point, rect: RectLike): number;
@@ -54,4 +57,52 @@ declare function distanceFromPointToRect(point: Point, rect: RectLike): number;
  */
 declare function createProximityCoordinator(scope: HTMLElement, options?: ProximityCoordinatorOptions): ProximityCoordinator;
 
-export { type OverlayCloseReason, type OverlayRecord, type OverlayTrigger, type Point, type ProximityCoordinator, type ProximityCoordinatorOptions, type RectLike, type ViewportRect, clampRectToViewport, closeOverlay, createProximityCoordinator, distanceFromPointToRect, getTopOverlay, getVisualViewportRect, isTopOverlay, openOverlay, requestTopOverlayClose };
+/** The opinionated Lucide set used by Looma's shipped interaction surfaces. */
+declare const LOOMA_ICONS: {
+    'align-center': IconNode;
+    'align-left': IconNode;
+    'align-right': IconNode;
+    bold: IconNode;
+    braces: IconNode;
+    'chevron-down': IconNode;
+    'chevron-left': IconNode;
+    'code-xml': IconNode;
+    columns: IconNode;
+    ellipsis: IconNode;
+    eraser: IconNode;
+    'grip-horizontal': IconNode;
+    'grip-vertical': IconNode;
+    'heading-1': IconNode;
+    'heading-2': IconNode;
+    'heading-3': IconNode;
+    highlighter: IconNode;
+    image: IconNode;
+    italic: IconNode;
+    list: IconNode;
+    'list-ordered': IconNode;
+    'list-todo': IconNode;
+    merge: IconNode;
+    minus: IconNode;
+    'paint-bucket': IconNode;
+    'panel-bottom': IconNode;
+    'panel-left': IconNode;
+    'panel-right': IconNode;
+    'panel-top': IconNode;
+    pilcrow: IconNode;
+    plus: IconNode;
+    quote: IconNode;
+    redo: IconNode;
+    rows: IconNode;
+    split: IconNode;
+    strikethrough: IconNode;
+    table: IconNode;
+    trash: IconNode;
+    underline: IconNode;
+    undo: IconNode;
+};
+type LoomaIconName = keyof typeof LOOMA_ICONS;
+type LoomaIconNode = IconNode;
+/** Creates consistent, currentColor-driven SVG markup for framework-neutral components. */
+declare function loomaIconMarkup(name: LoomaIconName, className?: string): string;
+
+export { DEFAULT_AFFORDANCE_NEAR_RADIUS, LOOMA_ICONS, type LoomaIconName, type LoomaIconNode, type OverlayCloseReason, type OverlayRecord, type OverlayTrigger, type Point, type ProximityCoordinator, type ProximityCoordinatorOptions, type RectLike, type ViewportRect, clampRectToViewport, closeOverlay, createProximityCoordinator, distanceFromPointToRect, getTopOverlay, getVisualViewportRect, isTopOverlay, loomaIconMarkup, openOverlay, requestTopOverlayClose };