@threadlabs/looma 0.3.0 → 0.4.0

package/dist/{chunk-3NVMCHGR.js → chunk-RWLYVQY6.js}

@@ -2821,7 +2821,6 @@ function controller28(host) {
   const disclosure = element.querySelector('[part="disclosure"]');
   const children = element.querySelector('[part="children"]');
   const dragHandle = element.querySelector('[part="drag-handle"]');
-  const label = element.querySelector('[part="label"]');
   const childItems = () => Array.from(children?.children ?? []).filter((child) => child.matches?.('[data-component-root~="ui-tree-item"]'));
   let lastExternalExpanded = Boolean(host.state.expanded);
   host.state.internalExpanded = lastExternalExpanded;
@@ -2860,7 +2859,6 @@ function controller28(host) {
     else element.removeAttribute("aria-expanded");
     element.tabIndex = disabled3 || !host.state.tabStop ? -1 : 0;
     element.style.setProperty("--ui-tree-item-depth", String(level - 1));
-    if (label && label.textContent !== name) label.textContent = name;
     if (children) children.hidden = !expanded;
     if (disclosure) {
       disclosure.hidden = !container;
@@ -5445,7 +5443,7 @@ input[type='radio']:focus-visible {
   { tag: "ui-tree-item", source: `<template component="ui-tree-item" controller="./controllers/ui-tree-item.js" status="early" summary="Migrated Looma ui-tree-item component.">
   <defs>
     <prop name="itemId" type="string" default="">itemId token.</prop>
-    <prop name="label" type="string" default="">label token.</prop>
+    <prop name="label" type="string" default="">The item's accessible name, also shown as the row text unless the label slot supplies content.</prop>
     <prop name="dropDepth" type="number">dropDepth token.</prop>
     <prop name="subtreeDepth" type="number">subtreeDepth token.</prop>
     <prop name="container" type="boolean" default="false">container token.</prop>
@@ -5462,7 +5460,7 @@ input[type='radio']:focus-visible {
     <state name="hasChildren" :value="false"></state>
     <event name="expand" bubbles="false" type="object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })"></event>
   </defs>
-  <div role="treeitem" :data-drop-scope="dropScope" :data-accepts="accepts"><div class="row" part="row"><button $if="sortable and not disabled" class="drag-handle" part="drag-handle" type="button"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></button><button class="disclosure" part="disclosure" type="button" :disabled="disabled"><span class="disclosure-icon" aria-hidden="true"></span></button><span class="leading" part="leading"><slot name="leading"></slot></span><span class="label" part="label"></span><span class="actions" part="actions"><slot name="actions"></slot></span><span class="drop-indicator row-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div><div class="children" part="children" role="group"><slot></slot></div><span class="drop-indicator subtree-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div>
+  <div role="treeitem" :data-drop-scope="dropScope" :data-accepts="accepts"><div class="row" part="row"><button $if="sortable and not disabled" class="drag-handle" part="drag-handle" type="button"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></button><button class="disclosure" part="disclosure" type="button" :disabled="disabled"><span class="disclosure-icon" aria-hidden="true"></span></button><span class="leading" part="leading"><slot name="leading"></slot></span><span class="label" part="label"><slot name="label"><template $value="label"></template></slot></span><span class="actions" part="actions"><slot name="actions"></slot></span><span class="drop-indicator row-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div><div class="children" part="children" role="group"><slot></slot></div><span class="drop-indicator subtree-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div>
   <style>:scope {
   --_tree-indent: 16px;
   --_tree-row-min-height: 32px;

package/dist/index.cjs

@@ -2864,7 +2864,6 @@ function controller28(host) {
   const disclosure = element.querySelector('[part="disclosure"]');
   const children = element.querySelector('[part="children"]');
   const dragHandle = element.querySelector('[part="drag-handle"]');
-  const label = element.querySelector('[part="label"]');
   const childItems = () => Array.from(children?.children ?? []).filter((child) => child.matches?.('[data-component-root~="ui-tree-item"]'));
   let lastExternalExpanded = Boolean(host.state.expanded);
   host.state.internalExpanded = lastExternalExpanded;
@@ -2903,7 +2902,6 @@ function controller28(host) {
     else element.removeAttribute("aria-expanded");
     element.tabIndex = disabled3 || !host.state.tabStop ? -1 : 0;
     element.style.setProperty("--ui-tree-item-depth", String(level - 1));
-    if (label && label.textContent !== name) label.textContent = name;
     if (children) children.hidden = !expanded;
     if (disclosure) {
       disclosure.hidden = !container;
@@ -5488,7 +5486,7 @@ input[type='radio']:focus-visible {
   { tag: "ui-tree-item", source: `<template component="ui-tree-item" controller="./controllers/ui-tree-item.js" status="early" summary="Migrated Looma ui-tree-item component.">
   <defs>
     <prop name="itemId" type="string" default="">itemId token.</prop>
-    <prop name="label" type="string" default="">label token.</prop>
+    <prop name="label" type="string" default="">The item's accessible name, also shown as the row text unless the label slot supplies content.</prop>
     <prop name="dropDepth" type="number">dropDepth token.</prop>
     <prop name="subtreeDepth" type="number">subtreeDepth token.</prop>
     <prop name="container" type="boolean" default="false">container token.</prop>
@@ -5505,7 +5503,7 @@ input[type='radio']:focus-visible {
     <state name="hasChildren" :value="false"></state>
     <event name="expand" bubbles="false" type="object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })"></event>
   </defs>
-  <div role="treeitem" :data-drop-scope="dropScope" :data-accepts="accepts"><div class="row" part="row"><button $if="sortable and not disabled" class="drag-handle" part="drag-handle" type="button"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></button><button class="disclosure" part="disclosure" type="button" :disabled="disabled"><span class="disclosure-icon" aria-hidden="true"></span></button><span class="leading" part="leading"><slot name="leading"></slot></span><span class="label" part="label"></span><span class="actions" part="actions"><slot name="actions"></slot></span><span class="drop-indicator row-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div><div class="children" part="children" role="group"><slot></slot></div><span class="drop-indicator subtree-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div>
+  <div role="treeitem" :data-drop-scope="dropScope" :data-accepts="accepts"><div class="row" part="row"><button $if="sortable and not disabled" class="drag-handle" part="drag-handle" type="button"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></button><button class="disclosure" part="disclosure" type="button" :disabled="disabled"><span class="disclosure-icon" aria-hidden="true"></span></button><span class="leading" part="leading"><slot name="leading"></slot></span><span class="label" part="label"><slot name="label"><template $value="label"></template></slot></span><span class="actions" part="actions"><slot name="actions"></slot></span><span class="drop-indicator row-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div><div class="children" part="children" role="group"><slot></slot></div><span class="drop-indicator subtree-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div>
   <style>:scope {
   --_tree-indent: 16px;
   --_tree-row-min-height: 32px;

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   records,
   styles
-} from "./chunk-3NVMCHGR.js";
+} from "./chunk-RWLYVQY6.js";
 import {
   attachLoomaComponent,
   controllerFor,

package/dist/loader.cjs

@@ -2842,7 +2842,6 @@ function controller28(host) {
   const disclosure = element.querySelector('[part="disclosure"]');
   const children = element.querySelector('[part="children"]');
   const dragHandle = element.querySelector('[part="drag-handle"]');
-  const label = element.querySelector('[part="label"]');
   const childItems = () => Array.from(children?.children ?? []).filter((child) => child.matches?.('[data-component-root~="ui-tree-item"]'));
   let lastExternalExpanded = Boolean(host.state.expanded);
   host.state.internalExpanded = lastExternalExpanded;
@@ -2881,7 +2880,6 @@ function controller28(host) {
     else element.removeAttribute("aria-expanded");
     element.tabIndex = disabled3 || !host.state.tabStop ? -1 : 0;
     element.style.setProperty("--ui-tree-item-depth", String(level - 1));
-    if (label && label.textContent !== name) label.textContent = name;
     if (children) children.hidden = !expanded;
     if (disclosure) {
       disclosure.hidden = !container;
@@ -5466,7 +5464,7 @@ input[type='radio']:focus-visible {
   { tag: "ui-tree-item", source: `<template component="ui-tree-item" controller="./controllers/ui-tree-item.js" status="early" summary="Migrated Looma ui-tree-item component.">
   <defs>
     <prop name="itemId" type="string" default="">itemId token.</prop>
-    <prop name="label" type="string" default="">label token.</prop>
+    <prop name="label" type="string" default="">The item's accessible name, also shown as the row text unless the label slot supplies content.</prop>
     <prop name="dropDepth" type="number">dropDepth token.</prop>
     <prop name="subtreeDepth" type="number">subtreeDepth token.</prop>
     <prop name="container" type="boolean" default="false">container token.</prop>
@@ -5483,7 +5481,7 @@ input[type='radio']:focus-visible {
     <state name="hasChildren" :value="false"></state>
     <event name="expand" bubbles="false" type="object({ id: string, expanded: boolean, trigger: keyboard | pointer | programmatic })"></event>
   </defs>
-  <div role="treeitem" :data-drop-scope="dropScope" :data-accepts="accepts"><div class="row" part="row"><button $if="sortable and not disabled" class="drag-handle" part="drag-handle" type="button"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></button><button class="disclosure" part="disclosure" type="button" :disabled="disabled"><span class="disclosure-icon" aria-hidden="true"></span></button><span class="leading" part="leading"><slot name="leading"></slot></span><span class="label" part="label"></span><span class="actions" part="actions"><slot name="actions"></slot></span><span class="drop-indicator row-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div><div class="children" part="children" role="group"><slot></slot></div><span class="drop-indicator subtree-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div>
+  <div role="treeitem" :data-drop-scope="dropScope" :data-accepts="accepts"><div class="row" part="row"><button $if="sortable and not disabled" class="drag-handle" part="drag-handle" type="button"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></button><button class="disclosure" part="disclosure" type="button" :disabled="disabled"><span class="disclosure-icon" aria-hidden="true"></span></button><span class="leading" part="leading"><slot name="leading"></slot></span><span class="label" part="label"><slot name="label"><template $value="label"></template></slot></span><span class="actions" part="actions"><slot name="actions"></slot></span><span class="drop-indicator row-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div><div class="children" part="children" role="group"><slot></slot></div><span class="drop-indicator subtree-drop-indicator" part="drop-indicator" aria-hidden="true"></span></div>
   <style>:scope {
   --_tree-indent: 16px;
   --_tree-row-min-height: 32px;

package/dist/loader.js

@@ -1,7 +1,7 @@
 import {
   records,
   styles
-} from "./chunk-3NVMCHGR.js";
+} from "./chunk-RWLYVQY6.js";
 import {
   registerLoomaPackage
 } from "./chunk-XDNZIKNI.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "Looma declarative components, responsive layout primitives, a complete editor, and supported Vue adapters.",
   "license": "MIT",
@@ -72,14 +72,6 @@
       "types": "./vue/editor/index.d.ts",
       "import": "./vue/editor/index.js"
     },
-    "./react": {
-      "types": "./react/index.d.ts",
-      "import": "./react/index.js"
-    },
-    "./svelte": {
-      "types": "./svelte/index.d.ts",
-      "import": "./svelte/index.js"
-    },
     "./tokens.css": "./tokens.css",
     "./theme-light.css": "./theme-light.css",
     "./theme-dark.css": "./theme-dark.css",
@@ -93,8 +85,6 @@
     "layout/",
     "editor/",
     "vue/",
-    "react/",
-    "svelte/",
     "tokens.css",
     "theme-light.css",
     "theme-dark.css",
@@ -111,8 +101,6 @@
     "./editor/*.js",
     "./vue/index.js",
     "./vue/editor/*.js",
-    "./react/index.js",
-    "./svelte/index.js",
     "./*.css"
   ],
   "dependencies": {
@@ -123,8 +111,6 @@
     "@tiptap/core": ">=2 <3",
     "@tiptap/pm": ">=2 <3",
     "@tiptap/vue-3": ">=2 <3",
-    "react": "^19.0.0",
-    "svelte": "^5.0.0",
     "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {
@@ -137,12 +123,6 @@
     "@tiptap/vue-3": {
       "optional": true
     },
-    "react": {
-      "optional": true
-    },
-    "svelte": {
-      "optional": true
-    },
     "vue": {
       "optional": true
     }