microboard-temp 0.14.43 → 0.14.45

package/dist/esm/index.js

@@ -11547,6 +11547,7 @@ var itemOverlays = {};
 var toolOverlays = {};
 var dynamicOptionsResolvers = {};
 var selectionActions = {};
+var selectionActionSections = {};
 function registerItemOverlay(overlay) {
   itemOverlays[overlay.itemType] = overlay;
 }
@@ -11556,6 +11557,9 @@ function registerToolOverlay(overlay) {
 function registerSelectionAction(action) {
   selectionActions[action.id] = action;
 }
+function registerSelectionActionSection(section) {
+  selectionActionSections[section.id] = section;
+}
 function registerDynamicOptionsResolver(id, resolver) {
   dynamicOptionsResolvers[id] = resolver;
 }
@@ -11611,6 +11615,9 @@ function listCreateSurfaceEntries() {
 function listSelectionActions() {
   return Object.values(selectionActions);
 }
+function listSelectionActionSections() {
+  return Object.values(selectionActionSections);
+}
 function getSelectionOverlayActions(items) {
   return Object.values(selectionActions).filter((action) => action.isAvailable?.(items) ?? true);
 }
@@ -43396,7 +43403,7 @@ var addTextToolOverlay = {
   kind: "create",
   createsItemType: "RichText",
   family: "text",
-  icon: overlayAssetIcon("src/Items/RichText/icons/Text.icon.svg"),
+  icon: symbolIcon("AddText"),
   description: "Creates editable rich text. The current first pass has no pre-placement defaults on this tool.",
   launch: { kind: "activate-tool" },
   surface: {
@@ -50078,7 +50085,7 @@ var connectorOverlay = {
     {
       id: "connector.switchPointers",
       label: "Switch arrows",
-      icon: connectorAssetIcon("SwitchPointers"),
+      icon: symbolIcon("Switch"),
       target: "selection",
       invoke: { kind: "operation", class: "Connector", method: "switchPointers" }
     },
@@ -73682,52 +73689,89 @@ class Presence {
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
+registerSelectionActionSection({
+  id: "selectionTextSize",
+  label: "Text size",
+  actionIds: ["selection.text.fontSize"]
+});
+registerSelectionActionSection({
+  id: "selectionTextColors",
+  label: "Text colors",
+  actionIds: ["selection.text.color", "selection.text.highlight"]
+});
+registerSelectionActionSection({
+  id: "selectionArrange",
+  label: "Arrange",
+  actionIds: ["selection.bringToFront", "selection.sendToBack"]
+});
+registerSelectionActionSection({
+  id: "selectionActions",
+  label: "Actions",
+  actionIds: [
+    "selection.duplicate",
+    "selection.lock",
+    "selection.unlock",
+    "selection.delete"
+  ]
+});
 registerSelectionAction({
   id: "selection.delete",
   label: "Delete",
-  icon: overlayAssetIcon("src/Overlay/icons/Delete.icon.svg"),
+  icon: symbolIcon("Delete"),
   description: "Removes the selected items from the board.",
   invoke: { kind: "selectionMethod", methodName: "removeFromBoard" },
+  sectionId: "selectionActions",
+  order: 4,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
   id: "selection.duplicate",
   label: "Duplicate",
-  icon: overlayAssetIcon("src/Overlay/icons/Duplicate.icon.svg"),
+  icon: symbolIcon("Duplicate"),
   description: "Duplicates the selected items.",
   invoke: { kind: "selectionMethod", methodName: "duplicate" },
+  sectionId: "selectionActions",
+  order: 1,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
   id: "selection.lock",
   label: "Lock",
-  icon: overlayAssetIcon("src/Overlay/icons/Lock.icon.svg"),
+  icon: symbolIcon("unlock"),
   description: "Locks the selected items.",
   invoke: { kind: "selectionMethod", methodName: "lock" },
+  sectionId: "selectionActions",
+  order: 2,
   isAvailable: (items) => items.length > 0 && !items.some((item) => item.transformation.isLocked)
 });
 registerSelectionAction({
   id: "selection.unlock",
   label: "Unlock",
-  icon: overlayAssetIcon("src/Overlay/icons/Unlock.icon.svg"),
+  icon: symbolIcon("lock"),
   description: "Unlocks the selected items.",
   invoke: { kind: "selectionMethod", methodName: "unlock" },
+  sectionId: "selectionActions",
+  order: 2,
   isAvailable: (items) => items.some((item) => item.transformation.isLocked)
 });
 registerSelectionAction({
   id: "selection.bringToFront",
   label: "Bring to front",
-  icon: overlayAssetIcon("src/Overlay/icons/BringToFront.icon.svg"),
+  icon: symbolIcon("BringToFront"),
   description: "Moves the selection above overlapping items.",
   invoke: { kind: "selectionMethod", methodName: "bringToFront" },
+  sectionId: "selectionArrange",
+  order: 1,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
   id: "selection.sendToBack",
   label: "Send to back",
-  icon: overlayAssetIcon("src/Overlay/icons/SendToBack.icon.svg"),
+  icon: symbolIcon("SendToBack"),
   description: "Moves the selection behind overlapping items.",
   invoke: { kind: "selectionMethod", methodName: "sendToBack" },
+  sectionId: "selectionArrange",
+  order: 2,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
@@ -73735,6 +73779,8 @@ registerSelectionAction({
   label: "Font size",
   icon: styleFontSizeIcon(),
   invoke: { kind: "selectionMethod", methodName: "setFontSize" },
+  sectionId: "selectionTextSize",
+  order: 1,
   controls: [
     {
       id: "fontSize",
@@ -73756,10 +73802,12 @@ registerSelectionAction({
 registerSelectionAction({
   id: "selection.text.color",
   label: "Text color",
-  icon: styleColorIcon({
+  icon: symbolIcon("TextColor", {
     swatch: { kind: "selectionProperty", property: "getFontColor" }
   }),
   invoke: { kind: "selectionMethod", methodName: "setFontColor" },
+  sectionId: "selectionTextColors",
+  order: 1,
   controls: [
     {
       id: "fontColor",
@@ -73777,11 +73825,12 @@ registerSelectionAction({
 registerSelectionAction({
   id: "selection.text.highlight",
   label: "Highlight",
-  icon: {
-    ...overlayAssetIcon("src/Items/Screen/icons/Background.icon.svg"),
-    state: { swatch: { kind: "selectionProperty", property: "getFontHighlight" } }
-  },
+  icon: symbolIcon("TextHighlight", {
+    swatch: { kind: "selectionProperty", property: "getFontHighlight" }
+  }),
   invoke: { kind: "selectionMethod", methodName: "setFontHighlight" },
+  sectionId: "selectionTextColors",
+  order: 2,
   controls: [
     {
       id: "fontHighlight",
@@ -81701,6 +81750,7 @@ export {
   sha256,
   semanticColor,
   selectionActions,
+  selectionActionSections,
   scalePatterns,
   scaleElementBy,
   rgbToRgba,
@@ -81713,6 +81763,7 @@ export {
   renderLinkToHTML,
   relativeLuminance,
   registerToolOverlay,
+  registerSelectionActionSection,
   registerSelectionAction,
   registerItemOverlay,
   registerItem,
@@ -81735,6 +81786,7 @@ export {
   matchesOverlayCondition,
   listToolOverlays,
   listSelectionActions,
+  listSelectionActionSections,
   listRegisteredItemTypes,
   listCreateSurfaceEntries,
   itemSchemas2 as itemSchemas,

package/dist/esm/node.js

@@ -12330,6 +12330,7 @@ var itemOverlays = {};
 var toolOverlays = {};
 var dynamicOptionsResolvers = {};
 var selectionActions = {};
+var selectionActionSections = {};
 function registerItemOverlay(overlay) {
   itemOverlays[overlay.itemType] = overlay;
 }
@@ -12339,6 +12340,9 @@ function registerToolOverlay(overlay) {
 function registerSelectionAction(action) {
   selectionActions[action.id] = action;
 }
+function registerSelectionActionSection(section) {
+  selectionActionSections[section.id] = section;
+}
 function registerDynamicOptionsResolver(id, resolver) {
   dynamicOptionsResolvers[id] = resolver;
 }
@@ -12394,6 +12398,9 @@ function listCreateSurfaceEntries() {
 function listSelectionActions() {
   return Object.values(selectionActions);
 }
+function listSelectionActionSections() {
+  return Object.values(selectionActionSections);
+}
 function getSelectionOverlayActions(items) {
   return Object.values(selectionActions).filter((action) => action.isAvailable?.(items) ?? true);
 }
@@ -45930,7 +45937,7 @@ var addTextToolOverlay = {
   kind: "create",
   createsItemType: "RichText",
   family: "text",
-  icon: overlayAssetIcon("src/Items/RichText/icons/Text.icon.svg"),
+  icon: symbolIcon("AddText"),
   description: "Creates editable rich text. The current first pass has no pre-placement defaults on this tool.",
   launch: { kind: "activate-tool" },
   surface: {
@@ -52545,7 +52552,7 @@ var connectorOverlay = {
     {
       id: "connector.switchPointers",
       label: "Switch arrows",
-      icon: connectorAssetIcon("SwitchPointers"),
+      icon: symbolIcon("Switch"),
       target: "selection",
       invoke: { kind: "operation", class: "Connector", method: "switchPointers" }
     },
@@ -76150,52 +76157,89 @@ class Presence {
 function everyItemHasRichText(items) {
   return items.length > 0 && items.every((item) => !!item.getRichText?.());
 }
+registerSelectionActionSection({
+  id: "selectionTextSize",
+  label: "Text size",
+  actionIds: ["selection.text.fontSize"]
+});
+registerSelectionActionSection({
+  id: "selectionTextColors",
+  label: "Text colors",
+  actionIds: ["selection.text.color", "selection.text.highlight"]
+});
+registerSelectionActionSection({
+  id: "selectionArrange",
+  label: "Arrange",
+  actionIds: ["selection.bringToFront", "selection.sendToBack"]
+});
+registerSelectionActionSection({
+  id: "selectionActions",
+  label: "Actions",
+  actionIds: [
+    "selection.duplicate",
+    "selection.lock",
+    "selection.unlock",
+    "selection.delete"
+  ]
+});
 registerSelectionAction({
   id: "selection.delete",
   label: "Delete",
-  icon: overlayAssetIcon("src/Overlay/icons/Delete.icon.svg"),
+  icon: symbolIcon("Delete"),
   description: "Removes the selected items from the board.",
   invoke: { kind: "selectionMethod", methodName: "removeFromBoard" },
+  sectionId: "selectionActions",
+  order: 4,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
   id: "selection.duplicate",
   label: "Duplicate",
-  icon: overlayAssetIcon("src/Overlay/icons/Duplicate.icon.svg"),
+  icon: symbolIcon("Duplicate"),
   description: "Duplicates the selected items.",
   invoke: { kind: "selectionMethod", methodName: "duplicate" },
+  sectionId: "selectionActions",
+  order: 1,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
   id: "selection.lock",
   label: "Lock",
-  icon: overlayAssetIcon("src/Overlay/icons/Lock.icon.svg"),
+  icon: symbolIcon("unlock"),
   description: "Locks the selected items.",
   invoke: { kind: "selectionMethod", methodName: "lock" },
+  sectionId: "selectionActions",
+  order: 2,
   isAvailable: (items) => items.length > 0 && !items.some((item) => item.transformation.isLocked)
 });
 registerSelectionAction({
   id: "selection.unlock",
   label: "Unlock",
-  icon: overlayAssetIcon("src/Overlay/icons/Unlock.icon.svg"),
+  icon: symbolIcon("lock"),
   description: "Unlocks the selected items.",
   invoke: { kind: "selectionMethod", methodName: "unlock" },
+  sectionId: "selectionActions",
+  order: 2,
   isAvailable: (items) => items.some((item) => item.transformation.isLocked)
 });
 registerSelectionAction({
   id: "selection.bringToFront",
   label: "Bring to front",
-  icon: overlayAssetIcon("src/Overlay/icons/BringToFront.icon.svg"),
+  icon: symbolIcon("BringToFront"),
   description: "Moves the selection above overlapping items.",
   invoke: { kind: "selectionMethod", methodName: "bringToFront" },
+  sectionId: "selectionArrange",
+  order: 1,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
   id: "selection.sendToBack",
   label: "Send to back",
-  icon: overlayAssetIcon("src/Overlay/icons/SendToBack.icon.svg"),
+  icon: symbolIcon("SendToBack"),
   description: "Moves the selection behind overlapping items.",
   invoke: { kind: "selectionMethod", methodName: "sendToBack" },
+  sectionId: "selectionArrange",
+  order: 2,
   isAvailable: (items) => items.length > 0
 });
 registerSelectionAction({
@@ -76203,6 +76247,8 @@ registerSelectionAction({
   label: "Font size",
   icon: styleFontSizeIcon(),
   invoke: { kind: "selectionMethod", methodName: "setFontSize" },
+  sectionId: "selectionTextSize",
+  order: 1,
   controls: [
     {
       id: "fontSize",
@@ -76224,10 +76270,12 @@ registerSelectionAction({
 registerSelectionAction({
   id: "selection.text.color",
   label: "Text color",
-  icon: styleColorIcon({
+  icon: symbolIcon("TextColor", {
     swatch: { kind: "selectionProperty", property: "getFontColor" }
   }),
   invoke: { kind: "selectionMethod", methodName: "setFontColor" },
+  sectionId: "selectionTextColors",
+  order: 1,
   controls: [
     {
       id: "fontColor",
@@ -76245,11 +76293,12 @@ registerSelectionAction({
 registerSelectionAction({
   id: "selection.text.highlight",
   label: "Highlight",
-  icon: {
-    ...overlayAssetIcon("src/Items/Screen/icons/Background.icon.svg"),
-    state: { swatch: { kind: "selectionProperty", property: "getFontHighlight" } }
-  },
+  icon: symbolIcon("TextHighlight", {
+    swatch: { kind: "selectionProperty", property: "getFontHighlight" }
+  }),
   invoke: { kind: "selectionMethod", methodName: "setFontHighlight" },
+  sectionId: "selectionTextColors",
+  order: 2,
   controls: [
     {
       id: "fontHighlight",
@@ -84336,6 +84385,7 @@ export {
   sha256,
   semanticColor,
   selectionActions,
+  selectionActionSections,
   scalePatterns,
   scaleElementBy,
   rgbToRgba,
@@ -84348,6 +84398,7 @@ export {
   renderLinkToHTML,
   relativeLuminance,
   registerToolOverlay,
+  registerSelectionActionSection,
   registerSelectionAction,
   registerItemOverlay,
   registerItem,
@@ -84370,6 +84421,7 @@ export {
   matchesOverlayCondition,
   listToolOverlays,
   listSelectionActions,
+  listSelectionActionSections,
   listRegisteredItemTypes,
   listCreateSurfaceEntries,
   itemSchemas2 as itemSchemas,