@multiplatform.one/rich-text 6.1.0 → 6.3.0

package/dist/jsx/toolbar/TableBubble.native.js

@@ -31,94 +31,81 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_menus = require("@tiptap/react/menus");
 var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("@phosphor-icons/react");
 var import_tamagui = require("tamagui");
 var import_styled = require("../styled.native.js");
+var import_blockAnchor = require("../editor/blockAnchor.native.js");
 var import_ToolbarButton = require("./ToolbarButton.native.js");
-function RowPlusIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-      x1: "12",
-      y1: "5",
-      x2: "12",
-      y2: "19"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-      x1: "5",
-      y1: "12",
-      x2: "19",
-      y2: "12"
-    })]
-  });
-}
-function TrashIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
-}
+var import_t = require("../shared/t.native.js");
 var ROW_ACTIONS = [{
-  label: "Add row above",
+  label: function label() {
+    return (0, import_t.t)("Add row above");
+  },
   action: function action(e) {
     return e.chain().focus().addRowBefore().run();
   }
 }, {
-  label: "Add row below",
+  label: function label2() {
+    return (0, import_t.t)("Add row below");
+  },
   action: function action2(e) {
     return e.chain().focus().addRowAfter().run();
   }
 }, {
-  label: "Delete row",
+  label: function label3() {
+    return (0, import_t.t)("Delete row");
+  },
   action: function action3(e) {
     return e.chain().focus().deleteRow().run();
   }
 }];
 var COL_ACTIONS = [{
-  label: "Add column before",
+  label: function label4() {
+    return (0, import_t.t)("Add column before");
+  },
   action: function action4(e) {
     return e.chain().focus().addColumnBefore().run();
   }
 }, {
-  label: "Add column after",
+  label: function label5() {
+    return (0, import_t.t)("Add column after");
+  },
   action: function action5(e) {
     return e.chain().focus().addColumnAfter().run();
   }
 }, {
-  label: "Delete column",
+  label: function label6() {
+    return (0, import_t.t)("Delete column");
+  },
   action: function action6(e) {
     return e.chain().focus().deleteColumn().run();
   }
 }];
 var TABLE_ACTIONS = [{
-  label: "Toggle header row",
+  label: function label7() {
+    return (0, import_t.t)("Toggle header row");
+  },
   action: function action7(e) {
     return e.chain().focus().toggleHeaderRow().run();
   }
 }, {
-  label: "Merge cells",
+  label: function label8() {
+    return (0, import_t.t)("Merge cells");
+  },
   action: function action8(e) {
     return e.chain().focus().mergeCells().run();
   }
 }, {
-  label: "Split cell",
+  label: function label9() {
+    return (0, import_t.t)("Split cell");
+  },
   action: function action9(e) {
     return e.chain().focus().splitCell().run();
   }
 }, {
-  label: "Delete table",
+  label: function label10() {
+    return (0, import_t.t)("Delete table");
+  },
   action: function action10(e) {
     return e.chain().focus().deleteTable().run();
   }
@@ -134,14 +121,22 @@ function TableBubble(param) {
   if (!editor) return null;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: function shouldShow(param2) {
       var {
         editor: e
       } = param2;
       return e.isActive("table");
     },
+    // Anchor to the table rect (not the caret) so the bubble never covers
+    // the first row and holds still while typing in cells (LC-06 spirit:
+    // chrome must not sit on top of the content being edited).
+    getReferencedVirtualElement: function getReferencedVirtualElement() {
+      return (0, import_blockAnchor.getBlockVirtualElement)(editor, "table");
+    },
     options: {
-      placement: "top"
+      placement: "top-start",
+      offset: 6
     },
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       backgroundColor: "$background",
@@ -156,19 +151,19 @@ function TableBubble(param) {
         onPress: function onPress() {
           return editor.chain().focus().addRowAfter().run();
         },
-        "aria-label": "Add row",
-        tooltip: "Add row below",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RowPlusIcon, {})
+        "aria-label": (0, import_t.t)("Add row"),
+        tooltip: (0, import_t.t)("Add row below"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.RowsPlusBottomIcon, {
+          size: 14
+        })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
         onPress: function onPress() {
           return editor.chain().focus().addColumnAfter().run();
         },
-        "aria-label": "Add column",
-        tooltip: "Add column after",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: 11,
-          fontWeight: "700",
-          children: "+Col"
+        "aria-label": (0, import_t.t)("Add column"),
+        tooltip: (0, import_t.t)("Add column after"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.ColumnsPlusRightIcon, {
+          size: 14
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
         open: menuOpen,
@@ -180,14 +175,16 @@ function TableBubble(param) {
             onPress: function onPress() {
               return setMenuOpen(true);
             },
-            "aria-label": "Table options",
+            "aria-label": (0, import_t.t)("Table options"),
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
               fontSize: 12,
-              children: "Table"
+              children: (0, import_t.t)("Table")
             })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
-          ...knobProps.panelPadding,
+          // SP-EDGE: container owns only its border — items own all padding.
+          padding: 0,
+          overflow: "hidden",
           backgroundColor: "$background",
           borderWidth: 1,
           borderColor: "$borderColor",
@@ -205,17 +202,18 @@ function TableBubble(param) {
             gap: "$0.5",
             minWidth: 180,
             children: [ROW_ACTIONS.map(function (a) {
+              var label11 = a.label();
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
                 onPress: function onPress() {
                   a.action(editor);
                   setMenuOpen(false);
                 },
-                "aria-label": a.label,
+                "aria-label": label11,
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                   fontSize: 13,
-                  children: a.label
+                  children: label11
                 })
-              }, a.label);
+              }, label11);
             }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
               paddingVertical: "$0.5",
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
@@ -225,17 +223,18 @@ function TableBubble(param) {
                 marginHorizontal: 0
               })
             }), COL_ACTIONS.map(function (a) {
+              var label11 = a.label();
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
                 onPress: function onPress() {
                   a.action(editor);
                   setMenuOpen(false);
                 },
-                "aria-label": a.label,
+                "aria-label": label11,
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                   fontSize: 13,
-                  children: a.label
+                  children: label11
                 })
-              }, a.label);
+              }, label11);
             }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
               paddingVertical: "$0.5",
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
@@ -245,17 +244,18 @@ function TableBubble(param) {
                 marginHorizontal: 0
               })
             }), TABLE_ACTIONS.map(function (a) {
+              var label11 = a.label();
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
                 onPress: function onPress() {
                   a.action(editor);
                   setMenuOpen(false);
                 },
-                "aria-label": a.label,
+                "aria-label": label11,
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                   fontSize: 13,
-                  children: a.label
+                  children: label11
                 })
-              }, a.label);
+              }, label11);
             })]
           })
         })]
@@ -263,9 +263,11 @@ function TableBubble(param) {
         onPress: function onPress() {
           return editor.chain().focus().deleteTable().run();
         },
-        "aria-label": "Delete table",
-        tooltip: "Delete table",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+        "aria-label": (0, import_t.t)("Delete table"),
+        tooltip: (0, import_t.t)("Delete table"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.TrashIcon, {
+          size: 14
+        })
       })]
     })
   });

package/dist/jsx/toolbar/TableBubble.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TableBubble_exports","TableBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_styled","import_ToolbarButton","RowPlusIcon","jsxs","width","height","viewBox","fill","stroke","strokeWidth","children","jsx","x1","y1","x2","y2","TrashIcon","points","d","ROW_ACTIONS","label","action","e","chain","focus","addRowBefore","run","action2","addRowAfter","action3","deleteRow","COL_ACTIONS","action4","addColumnBefore","action5","addColumnAfter","action6","deleteColumn","TABLE_ACTIONS","action7","toggleHeaderRow","action8","mergeCells","action9","splitCell","action10","deleteTable","param","editor","knobProps","useResolvedKnobs","menuOpen","setMenuOpen","useState","BubbleMenu","shouldShow","param2","isActive","options","placement","XStack","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","ToolbarButton","onPress","tooltip","Text","fontSize","fontWeight","Popover","open"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TableBubble_exports","TableBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_react2","import_tamagui","import_styled","import_blockAnchor","import_ToolbarButton","import_t","ROW_ACTIONS","label","t","action","e","chain","focus","addRowBefore","run","label2","action2","addRowAfter","label3","action3","deleteRow","COL_ACTIONS","label4","action4","addColumnBefore","label5","action5","addColumnAfter","label6","action6","deleteColumn","TABLE_ACTIONS","label7","action7","toggleHeaderRow","label8","action8","mergeCells","label9","action9","splitCell","label10","action10","deleteTable","param","editor","knobProps","useResolvedKnobs","menuOpen","setMenuOpen","useState","jsx","BubbleMenu","className","shouldShow","param2","isActive","getReferencedVirtualElement","getBlockVirtualElement","options","placement","offset","children","jsxs","XStack","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","ToolbarButton","onPress","tooltip","RowsPlusBottomIcon","size","ColumnsPlusRightIcon","Popover"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ToolbarButton.mjs

@@ -1,41 +1,90 @@
-import { XStack, View } from "tamagui";
+import { XStack, View, styled } from "tamagui";
 import { Button } from "@multiplatform.one/forms";
 import { Tooltip } from "@multiplatform.one/components";
 import { CaretDownIcon } from "@phosphor-icons/react";
 import { RichEditorContext } from "../context.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const BUTTON_SIZE = 30;
+const TARGET_SIZE = 44;
+const VISUAL_SIZE = 30;
+const ChromeBox = styled(View, {
+  name: "ToolbarButtonChrome",
+  alignItems: "center",
+  justifyContent: "center",
+  width: VISUAL_SIZE,
+  height: VISUAL_SIZE,
+  borderRadius: "$2",
+  hoverStyle: {
+    backgroundColor: "$color4"
+  },
+  variants: {
+    active: {
+      true: {
+        backgroundColor: "$color5"
+      }
+    },
+    stretch: {
+      true: {
+        width: "auto",
+        paddingHorizontal: "$2"
+      }
+    },
+    // An aria-disabled control must not light up on hover like a pressable
+    // one (DG-ST-03 / LC-40 washed chrome).
+    unavailable: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }
+});
 function ToolbarButton({
   active,
   disabled,
   onPress,
   children,
   tooltip,
+  "aria-pressed": ariaPressed,
   ...props
 }) {
   const ctx = RichEditorContext.useStyledContext();
   const isDisabled = disabled ?? ctx.disabled;
+  const pressed = ariaPressed ?? (active !== void 0 ? !!active : void 0);
   const button = /* @__PURE__ */jsx(Button, {
     chromeless: true,
-    disabled: isDisabled,
-    onPress,
-    width: BUTTON_SIZE,
-    height: BUTTON_SIZE,
+    "aria-disabled": isDisabled || void 0,
+    onPress: isDisabled ? void 0 : onPress,
+    cursor: isDisabled ? "not-allowed" : void 0,
+    opacity: isDisabled ? 0.5 : 1,
+    width: TARGET_SIZE,
+    height: TARGET_SIZE,
+    minWidth: TARGET_SIZE,
+    minHeight: TARGET_SIZE,
     padding: 0,
+    borderWidth: 0,
+    backgroundColor: "transparent",
+    hoverStyle: {
+      backgroundColor: "transparent"
+    },
+    pressStyle: {
+      backgroundColor: "transparent"
+    },
     borderRadius: "$2",
+    ...(pressed !== void 0 ? {
+      "aria-pressed": pressed
+    } : void 0),
     ...(active ? {
       theme: "active"
     } : void 0),
     ...props,
-    children: /* @__PURE__ */jsx(View, {
-      alignItems: "center",
-      justifyContent: "center",
-      width: "100%",
-      height: "100%",
+    children: /* @__PURE__ */jsx(ChromeBox, {
+      active: !!active,
+      unavailable: !!isDisabled,
       children
     })
   });
-  if (tooltip) {
+  if (tooltip && !isDisabled) {
     return /* @__PURE__ */jsx(Tooltip, {
       content: tooltip,
       placement: "bottom",
@@ -56,22 +105,38 @@ function ToolbarDropdownButton({
   const isDisabled = disabled ?? ctx.disabled;
   return /* @__PURE__ */jsx(Button, {
     chromeless: true,
-    disabled: isDisabled,
-    onPress,
-    height: BUTTON_SIZE,
-    paddingHorizontal: "$2",
+    "aria-disabled": isDisabled || void 0,
+    onPress: isDisabled ? void 0 : onPress,
+    cursor: isDisabled ? "not-allowed" : void 0,
+    opacity: isDisabled ? 0.5 : 1,
+    height: TARGET_SIZE,
+    minHeight: TARGET_SIZE,
+    paddingHorizontal: 0,
     paddingVertical: 0,
+    borderWidth: 0,
+    backgroundColor: "transparent",
+    hoverStyle: {
+      backgroundColor: "transparent"
+    },
+    pressStyle: {
+      backgroundColor: "transparent"
+    },
     borderRadius: "$2",
     ...(active ? {
       theme: "active"
     } : void 0),
     ...props,
-    children: /* @__PURE__ */jsxs(XStack, {
-      alignItems: "center",
-      gap: "$1",
-      children: [children, /* @__PURE__ */jsx(CaretDownIcon, {
-        size: 10
-      })]
+    children: /* @__PURE__ */jsx(ChromeBox, {
+      active: !!active,
+      stretch: true,
+      unavailable: !!isDisabled,
+      children: /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        gap: "$1",
+        children: [children, /* @__PURE__ */jsx(CaretDownIcon, {
+          size: 10
+        })]
+      })
     })
   });
 }

package/dist/jsx/toolbar/ToolbarButton.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["XStack","View","Button","Tooltip","CaretDownIcon","RichEditorContext","jsx","jsxs","BUTTON_SIZE","ToolbarButton","active","disabled","onPress","children","tooltip","props","ctx","useStyledContext","isDisabled","button","chromeless","width","height","padding","borderRadius","theme","alignItems","justifyContent","content","placement","delay","ToolbarDropdownButton","paddingHorizontal","paddingVertical","gap","size"],"sources":["../../../src/toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"mappings":"AAQA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,MAAA,QAAc;AACvB,SAASC,OAAA,QAAe;AACxB,SAASC,aAAA,QAAqB;AAC9B,SAASC,iBAAA,QAAyB;AAoD5B,SAAAC,GAAA,EA2CAC,IAAA,QA3CA;AAlDN,MAAMC,WAAA,GAAc;AA2Bb,SAASC,cAAc;EAC5BC,MAAA;EACAC,QAAA;EACAC,OAAA;EACAC,QAAA;EACAC,OAAA;EACA,GAAGC;AACL,GAAuB;EACrB,MAAMC,GAAA,GAAMX,iBAAA,CAAkBY,gBAAA,CAAiB;EAC/C,MAAMC,UAAA,GAAaP,QAAA,IAAYK,GAAA,CAAIL,QAAA;EAEnC,MAAMQ,MAAA,GACJ,eAAAb,GAAA,CAACJ,MAAA;IACCkB,UAAA,EAAU;IACVT,QAAA,EAAUO,UAAA;IACVN,OAAA;IACAS,KAAA,EAAOb,WAAA;IACPc,MAAA,EAAQd,WAAA;IACRe,OAAA,EAAS;IACTC,YAAA,EAAa;IACZ,IAAId,MAAA,GAAS;MAAEe,KAAA,EAAO;IAAS,IAAI;IACnC,GAAGV,KAAA;IAEJF,QAAA,iBAAAP,GAAA,CAACL,IAAA;MAAKyB,UAAA,EAAW;MAASC,cAAA,EAAe;MAASN,KAAA,EAAM;MAAOC,MAAA,EAAO;MACnET;IAAA,CACH;EAAA,CACF;EAGF,IAAIC,OAAA,EAAS;IACX,OACE,eAAAR,GAAA,CAACH,OAAA;MAAQyB,OAAA,EAASd,OAAA;MAASe,SAAA,EAAU;MAASC,KAAA,EAAO;MAClDjB,QAAA,EAAAM;IAAA,CACH;EAEJ;EAEA,OAAOA,MAAA;AACT;AAMO,SAASY,sBAAsB;EACpCrB,MAAA;EACAC,QAAA;EACAC,OAAA;EACAC,QAAA;EACA,GAAGE;AACL,GAA+B;EAC7B,MAAMC,GAAA,GAAMX,iBAAA,CAAkBY,gBAAA,CAAiB;EAC/C,MAAMC,UAAA,GAAaP,QAAA,IAAYK,GAAA,CAAIL,QAAA;EAEnC,OACE,eAAAL,GAAA,CAACJ,MAAA;IACCkB,UAAA,EAAU;IACVT,QAAA,EAAUO,UAAA;IACVN,OAAA;IACAU,MAAA,EAAQd,WAAA;IACRwB,iBAAA,EAAkB;IAClBC,eAAA,EAAiB;IACjBT,YAAA,EAAa;IACZ,IAAId,MAAA,GAAS;MAAEe,KAAA,EAAO;IAAS,IAAI;IACnC,GAAGV,KAAA;IAEJF,QAAA,iBAAAN,IAAA,CAACP,MAAA;MAAO0B,UAAA,EAAW;MAASQ,GAAA,EAAI;MAC7BrB,QAAA,GAAAA,QAAA,EACD,eAAAP,GAAA,CAACF,aAAA;QAAc+B,IAAA,EAAM;MAAA,CAAI;IAAA,CAC3B;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["XStack","View","styled","Button","Tooltip","CaretDownIcon","RichEditorContext","jsx","jsxs","TARGET_SIZE","VISUAL_SIZE","ChromeBox","name","alignItems","justifyContent","width","height","borderRadius","hoverStyle","backgroundColor","variants","active","true","stretch","paddingHorizontal","unavailable","ToolbarButton","disabled","onPress","children","tooltip","ariaPressed","props","ctx","useStyledContext","isDisabled","pressed","button","chromeless","cursor","opacity","minWidth","minHeight","padding","borderWidth","pressStyle","theme","content","placement","delay","ToolbarDropdownButton","paddingVertical","gap","size"],"sources":["../../../src/toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ToolbarButton.native.js

@@ -40,19 +40,27 @@ function ToolbarButton(param) {
     children,
     size: sizeProp,
     compact: compactProp,
+    "aria-pressed": ariaPressed,
     ...props
   } = param;
   var ctx = import_context.RichEditorContext.useStyledContext();
   var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : ctx.size;
   var compact = compactProp !== null && compactProp !== void 0 ? compactProp : ctx.compact;
   var isDisabled = disabled !== null && disabled !== void 0 ? disabled : ctx.disabled;
+  var pressed = ariaPressed !== null && ariaPressed !== void 0 ? ariaPressed : active !== void 0 ? !!active : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
     chromeless: true,
     size,
     compact,
-    disabled: isDisabled,
-    onPress,
+    // DG-ST-03: aria-disabled explain, mirroring ToolbarButton.tsx —
+    // focusable, state announced, press swallowed, chrome dimmed.
+    "aria-disabled": isDisabled || void 0,
+    onPress: isDisabled ? void 0 : onPress,
+    opacity: isDisabled ? 0.5 : 1,
     paddingHorizontal: "$2",
+    ...(pressed !== void 0 ? {
+      "aria-pressed": pressed
+    } : void 0),
     ...(active ? {
       theme: "active"
     } : void 0),
@@ -78,8 +86,10 @@ function ToolbarDropdownButton(param) {
     chromeless: true,
     size,
     compact,
-    disabled: isDisabled,
-    onPress,
+    // DG-ST-03: aria-disabled explain (see ToolbarButton above).
+    "aria-disabled": isDisabled || void 0,
+    onPress: isDisabled ? void 0 : onPress,
+    opacity: isDisabled ? 0.5 : 1,
     ...(active ? {
       theme: "active"
     } : void 0),

package/dist/jsx/toolbar/ToolbarButton.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToolbarButton_native_exports","__export","ToolbarButton","ToolbarDropdownButton","module","exports","__toCommonJS","import_jsx_runtime","require","import_tamagui","import_forms","import_context","param","active","disabled","onPress","children","size","sizeProp","compact","compactProp","props","ctx","RichEditorContext","useStyledContext","isDisabled","jsx","Button","chromeless","paddingHorizontal","theme","jsxs","XStack","alignItems","gap","Text","fontSize"],"sources":["../../../src/toolbar/ToolbarButton.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,4BAAA;AAAA,IAAAO,kBAAA,GAA2CC,OAAA;AAIvC,IAAAC,cAAA,GAA6BD,OAAA;AACjC,IAAAE,YAAA,GAAuBF,OAAA;AACvB,IAAAG,cAAA,GAAkCH,OAAA;AAO3B,SAASN,cAAcU,KAAA,EAAO;EACjC,IAAI;IAAEC,MAAA;IAAQC,QAAA;IAAUC,OAAA;IAASC,QAAA;IAAUC,IAAA,EAAMC,QAAA;IAAUC,OAAA,EAASC,WAAA;IAAa,GAAGC;EAAM,IAAIT,KAAA;EAC9F,IAAIU,GAAA,GAAMX,cAAA,CAAAY,iBAAA,CAAkBC,gBAAA,CAAiB;EAC7C,IAAIP,IAAA,GAAOC,QAAA,KAAa,QAAQA,QAAA,KAAa,SAASA,QAAA,GAAWI,GAAA,CAAIL,IAAA;EACrE,IAAIE,OAAA,GAAUC,WAAA,KAAgB,QAAQA,WAAA,KAAgB,SAASA,WAAA,GAAcE,GAAA,CAAIH,OAAA;EACjF,IAAIM,UAAA,GAAaX,QAAA,KAAa,QAAQA,QAAA,KAAa,SAASA,QAAA,GAAWQ,GAAA,CAAIR,QAAA;EAC3E,OAAqB,mBAAAP,kBAAA,CAAAmB,GAAA,EAAKhB,YAAA,CAAAiB,MAAA,EAAQ;IAC9BC,UAAA,EAAY;IACZX,IAAA;IACAE,OAAA;IACAL,QAAA,EAAUW,UAAA;IACVV,OAAA;IACAc,iBAAA,EAAmB;IACnB,IAAGhB,MAAA,GAAS;MACRiB,KAAA,EAAO;IACX,IAAI;IACJ,GAAGT,KAAA;IACHL;EACJ,CAAC;AACL;AAIO,SAASb,sBAAsBS,KAAA,EAAO;EACzC,IAAI;IAAEC,MAAA;IAAQC,QAAA;IAAUC,OAAA;IAASC,QAAA;IAAUC,IAAA,EAAMC,QAAA;IAAUC,OAAA,EAASC,WAAA;IAAa,GAAGC;EAAM,IAAIT,KAAA;EAC9F,IAAIU,GAAA,GAAMX,cAAA,CAAAY,iBAAA,CAAkBC,gBAAA,CAAiB;EAC7C,IAAIP,IAAA,GAAOC,QAAA,KAAa,QAAQA,QAAA,KAAa,SAASA,QAAA,GAAWI,GAAA,CAAIL,IAAA;EACrE,IAAIE,OAAA,GAAUC,WAAA,KAAgB,QAAQA,WAAA,KAAgB,SAASA,WAAA,GAAcE,GAAA,CAAIH,OAAA;EACjF,IAAIM,UAAA,GAAaX,QAAA,KAAa,QAAQA,QAAA,KAAa,SAASA,QAAA,GAAWQ,GAAA,CAAIR,QAAA;EAC3E,OAAqB,mBAAAP,kBAAA,CAAAmB,GAAA,EAAKhB,YAAA,CAAAiB,MAAA,EAAQ;IAC9BC,UAAA,EAAY;IACZX,IAAA;IACAE,OAAA;IACAL,QAAA,EAAUW,UAAA;IACVV,OAAA;IACA,IAAGF,MAAA,GAAS;MACRiB,KAAA,EAAO;IACX,IAAI;IACJ,GAAGT,KAAA;IACHL,QAAA,EAAwB,mBAAAT,kBAAA,CAAAwB,IAAA,EAAMtB,cAAA,CAAAuB,MAAA,EAAQ;MAClCC,UAAA,EAAY;MACZC,GAAA,EAAK;MACLlB,QAAA,EAAU,CACNA,QAAA,EACc,mBAAAT,kBAAA,CAAAmB,GAAA,EAAKjB,cAAA,CAAA0B,IAAA,EAAM;QACrBC,QAAA,EAAU;QACVpB,QAAA,EAAU;MACd,CAAC;IAET,CAAC;EACL,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["ToolbarButton_native_exports","__export","ToolbarButton","ToolbarDropdownButton","module","exports","__toCommonJS","import_jsx_runtime","require","import_tamagui","import_forms","import_context","param","active","disabled","onPress","children","size","sizeProp","compact","compactProp","ariaPressed","props","ctx","RichEditorContext","useStyledContext","isDisabled","pressed","jsx","Button","chromeless","opacity","paddingHorizontal","theme","jsxs","XStack","alignItems","gap","Text","fontSize"],"sources":["../../../src/toolbar/ToolbarButton.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}